📝

목차

1장 React Context를 이용한 상태 관리

1.1 Context API 개념

1.1.1 React 컴포넌트의 상태

1.1.2 상태관리 라이브러리의 필요성

1.1.3 Context API

1.2 Context API 동작원리

1.2.1 Context 생성

1.2.2 Consumer 사용하기

1.2.3 Provider 사용하기

1.2.4 동적 Context 사용하기

1.2.5 다중 Context 사용

1.2.6 useContext 훅 사용하기

1.3 Context API의 장점과 한계

1.3.1 React Context API의 장점

1.3.2 React Context API의 한계 및 제약사항

2장 Redux를 이용한 상태 관리

2.1 Redux 개념

2.1.1 Redux

2.1.2 리덕스의 주요 구성요소

2.1.3 Redux의 3원칙

2.1.4 Redux의 작동 흐름

2.2 Redux 동작 원리

2.2.1 Redux 사용 환경 세팅하기

2.2.2 Components 생성

2.2.3 Action

2.2.4 Reducer

2.2.5 Store

2.2.6 useSelector

2.2.7 Dispatch

2.3 Redux 특징 및 한계점

2.3.1 리덕스 개발자 도구 (Redux DevTools)

2.3.2 Redux에서 불변성

2.3.3 Redux의 장단점

2.3.4 리덕스 사용 시 고려 사항

3장 Redux Toolkit을 이용한 상태 관리

3.1 Redux Toolkit 개념

3.1.1 Redux Toolkit

3.1.2 리덕스 툴킷의 주요 구성요소

3.2 Redux Toolkit 동작원리

3.2.1 Redux Toolkit 사용 환경 세팅하기

3.2.2 Components 생성

3.2.3 createSlice

3.2.4 configureStore

3.2.5 Dispatch

4장 Recoil을 이용한 상태 관리

4.1 Recoil 개념

4.1.1 Recoil

4.1.2 Recoil 특징

4.1.3 Redux와 Recoil의 차이점

4.1.4 Recoil 상태 관리

4.2 Recoil 동작원리

4.2.1 Recoil 사용 환경 세팅하기

4.2.2 상태 관리 설정 (RecoilRoot)

4.2.3 계산기

4.2.4 투두리스트

4.3 Recoil 비동기 처리

4.3.1 비동기 처리의 개념와 중요성

4.3.2 Recoil을 통한 비동기 처리

4.3.3 비동기 Selector와 Atom Effects의 차이점

4.3.4 마무리