[C/F TIL] 30일차 - react 활용한 웹페이지 구현

Code States
Front-end boost camp
Today
I
Learned

🦕 페어 프로그래밍 과제

지난 시간 react props, state, 이벤트 처리 기능을 활용하여 트위터 페이지 구현을 했다.

파일이 너무 많고 코드가 연결되어 있어서 전부 다 적어놓을 수는 없지만..

🦕 중요 point

• React Router DOM 설치
• 이 후, BrowserRouter, Routes, Route 컴포넌츠 불러오기
  -- BrowserRouter 은 가장 큰 범위에서 태그들을 감싸줌
• Route : 내가 원하는 페이지로 전환
  -- Route pate = "경로입력"
  -- Link to = "" 형태로 링크를 이어줌 (html a태그와 같다고 여기면 됨
• import 로 필요한 자료 불러오기
• 컴포넌트 활용하기
• 자바스크립트 문법 활용할 땐 중괄호 {}
• 컴포넌트를 사용할 땐 <컴포넌트 />
• 아이콘을 넣고 싶을 땐 i 태그
• 이벤트 함수, 변수로 할당해준 뒤 사용
• input 태그, button 태그
• 가지고 있는 모든 데이터를 불러오고 싶을 때
  -- 데이터를 가르키는 변수.length
• 주어진 목록 갯수에 맞게 보여지기 : map 메서드 활용
• state
• props..
• 특정 usename을 가진 사람 메세지만 보고 싶을 때 filter 메서드 활용

🦕 30일차 수업을 마치며...

리액트 3일차... 대단히 어려운 개념들은 아닌 것 같은데 진도가 빠른 기분이다. 아무래도 처음 접하는 개념들이라 어쩔 수 없는 듯.. 코드스테이츠에서 제공하는 자료 외에 개념공부가 함께 이루어져야할것같아 유데미에서 리액트, 자바스크립트 강의를 하나씩 구매했다.

내 목표가 단순 부트캠프 수료가 아닌 개발자로의 커리어 전환이라면 부캠 내 관리 하에 공부습관과 커뮤니티, 과제 수행등을 잘 활용하되 빠른 속도에 지치거나 뒤쳐지지 않도록 개념은 내가 알아서 더 쌓아야 할듯!

유데미 강의도 til 정리를 함께하면 좀 어떨까 싶음 ㅠ 물리적으로 가능하까? 일단 못먹어도 고..!