FACT
- React 학습
- 컴포넌트, JSX, CRA, Route, css전처리기
- 인스타그램 클론코딩
- 바닐라자바스크립트에서 리액트로 마이그레이션
- 코드 카타
-twoSum
함수에 숫자배열과 '특정 수'를 인자로 넘기면,
더해서 '특정 수'가 나오는 index를 배열에 담아 return
FEELING
- 리액트를 학습하고 클라이언트 사이드 렌더링에 대한 개념이 확고해졌다.
<div id ="root">
에 모든 컴포넌트들을 import시키고 관리하니 자바스크립트로 관리하는 것보다 훨씬 편한 느낌이었다.
아직 큰 틀을 fragment로 묶어놓은 상황이고 세부적인 기능들을 컴포넌트로 분리시켜야할 것 같다.
<BrowserRouter>
, <Routes>
, <Route>
의 개념이 아직 헷갈린다. 어떤 컴포넌트를 어디에 위치시켜야하는지 감이 잘 오지 않는다.
- useNavigate()를 사용하면서 훅이라는 개념에 대해 접했다. 아직 어떤 의미인지는 잘 모르겠다.
FINDING
<BrowserRouter>
, <Routes>
, <Route>
- hook
FUTURE ACTION
- 인스타그램 리액트 클론코딩 : 이벤트리스너 등록, 컴포넌트 분리