모던 자바스크립트로 배우는 리액트 입문

Chapter 1 모던 자바스크립트 기초
1.1 모던 자바스크립트 개요
1.2 DOM, 가상 DOM
1.3 패키지 관리자
1.4 ECMAScript
1.5 모듈 핸들러, 트랜스파일러
1.6 SPA와 기존 웹 시스템의 차이
1.7 정리

Chapter 2 모던 자바스크립트 기능 익히기
2.1 const, let을 이용한 변수 선언
2.2 템플릿 문자열
2.3 화살표 함수 ( ) => { }
2.4 분할 대입 { } [ ]
2.5 디폴트값 =
2.6 스프레드 구문 ...
2.7 객체 생략 표기법
2.8 map, filter
2.9 [덤] 삼항 연산자
2.10 [덤] 논리 연산자의 원래 의미 && ||
2.11 정리

Chapter 3 자바스크립트에서 DOM 조작
3.1 자바스크립트를 이용한 DOM 액세스
3.2 DOM 작성, 추가, 삭제
3.3 자바스크립트를 이용해 DOM 조작하기
3.4 정리

Chapter 4 리액트 기본
4.1 React 개발 시작하기
4.2 JSX 표기법
4.3 컴포넌트 사용 방법
4.4 이벤트와 스타일
4.5 Props
4.6 State(useState)
4.7 재렌더링과 부작용(useEffect)
4.8 export 종류
4.9 정리

Chapter 5 리액트와 CSS
5.1 Inline Styles
5.2 CSS Modules
5.3 Styled JSX
5.4 styled components
5.5 Emotion
5.6 Tailwind CSS
5.7 정리

Chapter 6 재렌더링 구조와 최적화
6.1 재렌더링이 발생하는 조건
6.2 렌더링 최적화 1(memo)
6.3 렌더링 최적화 2(useCallback)
6.4 변수 메모이제이션(useMemo)
6.5 정리

Chapter 7 글로벌 State 관리
7.1 글로벌 State 관리가 필요한 이유
7.2 Context에서 State 관리
7.3 기타 글로벌 State 취급 방법
7.4 정리

Chapter 8 리액트와 타입스크립트
8.1 타입스크립트 기본
8.2 API로 얻은 데이터에 대한 타입 정의
8.3 Props에 대한 타입 정의
8.4 타입 정의 관리 방법
8.5 컴포넌트 타입 정의
8.6 생략 가능한 타입 정의
8.7 옵셔널 체이닝
8.8 라이브러리 타입 정의
8.9 정리

Chapter 9 사용자 정의 훅
9.1 사용자 정의 훅
9.2 사용자 정의 훅 템플릿 작성
9.3 사용자 정의 훅 구현
9.4 정리

부록 리액트×타입스크립트 실전 연습