- Redux 스프린트에서는 컴포넌트와 상태를 분리하는 패턴을 배움.
뭔가 구현해내는 것보다 원리와 구조, 즉 설계를 알아가는데 포커스를 두자.
참고로, Redux에 대한 대표적인 오해 중 하나가, Redux는 React의 관련 라이브러리, 혹은 하위 라이브러리로 오해하는데,
Redux는 React 없이도 사용할 수 있는, 상태 관련 라이브러리입니다.
Before you learn
- 함수 컴포넌트와 클래스 컴포넌트를 만드는 방법과 차이에 대한 이해
- props와 state의 개념
- props의 특징과 전달 방법, 규칙 이해
- React 컴포넌트 간 데이터 흐름 및 상호작용의 원리를 이해할 수 있다.
- React에서 하위 컴포넌트에서 이벤트가 발생했을 경우, 부모 컴포넌트의 상태를 변경하는 방법에 대한 이해
- react-router-dom 을 이용한 client-side 라우팅
- React hooks의 사용법에 대한 이해
- pure function, side effect의 의미
Achievement goals
- 상태 관리 라이브러리가 왜 필요한지 이해할 수 있다.
- Redux (혹은 Flux Pattern)에서 사용하는 Action, Reducer 그리고 Store의 의미와 특징을 이해할 수 있다.
- Redux의 3가지 원칙이 무엇이며, 주요 개념과 어떻게 연결되는지 이해할 수 있다.
- Presentational 컴포넌트와 Container 컴포넌트의 개념을 이해할 수 있다.
- Redux hooks(useSelector, useDispatch)를 사용해 store 를 업데이트할 수 있다.
'코딩공부 > T.I.L' 카테고리의 다른 글
| SEB Full 37기 66일 차 (0) | 2022.02.18 |
|---|---|
| 2022-02-18 Intro to Redux (0) | 2022.02.18 |
| 2022-02-17 프론트엔드 개발에서의 상태 관리 (0) | 2022.02.17 |
| 2022-02-17 [React] 상태 관리 성취목표 (0) | 2022.02.17 |
| 2022-02-14 DOM reference를 잘 활용할 수 있는 useRef (0) | 2022.02.14 |