마침내 3편 내용을 정리할 시간이다.

1장. 클래스/함수형 컴포넌트

• 새로운 프로젝트 소개
• 클래스와 함수 비교: 상태 관리, 고정 값
• 클래스와 함수: 리액트 컴포넌트
• 리액트 훅: 함수 컴포넌트에 UI 역할을 제공

2장. 상태 훅

• 문제
• 구현: 클로져, 배열
• 훅 구조와 규칙

3장. 부수효과 훅

• 문제 정의: 순서 함수와 컴포넌트
• 구현: 지연 실행, 의존성, 부수효과 정리
• 역할: 컴포넌트와 외부 환경 간의 동기화

4장. 훅 활용 1

• 적용: 메뉴 목록, 장바구니, 주문내역
• 달라진 점: 상태 관리, 부수효과 관리, 클래스를 함수로

5장. 컨택스트 훅

• 문제정의: 고차 컴포넌트와 훅
• 구현: 2편의 MyReact 활용
• 효과: 컨택스트 소비 방법 변화. 횡단 관심사 주입 방법 변화

6장. 훅 활용 2

• 적용: MyRouter, MyLayout
• 달라진 점: 컨택스트 사용 방법, 횡단 관심사 주입 방법

--

남은 것

• 레프 객체 다루기 (Dialog, OrderForm)
• 제어 폼
• 추가 훅 (useReducer, useMemo, useCallback)