첫째마당 리액트 시작하기
_01 리액트 시작하기
__01-1 리액트의 정체를 알아보자!
__01-2 리액트 개발 환경 설치하기
__01-3 리액트 앱 수정하기

_02 리액트 ES6 문법 엑기스
__02-1 템플릿 문자열
__02-2 전개 연산자
__02-3 가변 변수와 불변 변수
__02-4 클래스
__02-5 화살표 함수
__02-6 객체 확장 표현식과 구조 분해 할당
__02-7 라이브러리 의존성 관리
__02-8 배열 함수
__02-9 비동기 함수
__02-10 디바운스와 스로틀

_03 리액트 컴포넌트
__03-1 컴포넌트를 표현하는 JSX
__03-2 컴포넌트와 구성 요소
__03-3 컴포넌트에 데이터를 전달하는 프로퍼티
__03-4 컴포넌트 상태 관리하기
__03-5 컴포넌트의 생명주기
__03-6 클래스형 컴포넌트
__03-7 함수형 컴포넌트
__03-8 배열 컴포넌트
__03-9 컴포넌트에서 콜백 함수와 이벤트 처리하기
__03-10 Input 컴포넌트 만들면서 복습하기

_04 에어비앤비 디자인 시스템 따라 하기
__04-1 비주얼 테스트로 더 쉽게 개발하기
__04-2 CSS로 컴포넌트 스타일 적용하기
__04-3 스타일 컴포넌트 만들기
__04-4 테스트 위주 개발 방법 사용해 보기
__04-5 CheckBox 컴포넌트 만들면서 복습하기

둘째마당 리액트 고급 기술 따라 하기
_05 하이어오더 컴포넌트
__05-1 커링과 조합 개념 공부하기
__05-2 하이어오더 컴포넌트 기초 개념 공부하기
__05-3 하이어오더 컴포넌트 라이브러리 사용하기
__05-4 다중 하이어오더 컴포넌트 사용하기
__05-5 필수 입력 항목 표시 기능 추가하며 하이어오더 컴포넌트 복습하기

_06 컨텍스트로 데이터 관리하기
__06-1 컨텍스트의 기초 개념 알아보기
__06-2 컨텍스트 제대로 사용하기
__06-3 컨텍스트 API 활용하기
__06-4 컨텍스트로 모달 만들기
__06-5 입력 폼 만들며 컨텍스트 복습하기

_07 리덕스로 데이터 관리하기
__07-1 리덕스 기초 알아보기
__07-2 액션과 리듀서의 관계 알아보기
__07-3 그래프 데이터베이스 도입하기
__07-4 데이터를 위한 컴포넌트 알아보기
__07-5 검색 기능 만들면서 리덕스 복습하기

셋째마당 리액트 실무 개발하기
_08 가상 코인 거래소 만들기
__08-1 가상 코인 거래소 살펴보기
__08-2 가상 코인 거래소의 공용 컴포넌트 만들기
__08-3 프로젝트 구성하기

_09 원격 데이터 연결하기
__09-1 가상 데이터 서버 설정하기
__09-2 데이터 요청을 위한 axios 라이브러리 도입하기
__09-3 가상 코인 거래소에 리덕스 적용하기
__09-4 가상 코인 거래소에 검색 기능 추가하기
__09-5 가상 코인 거래 기능 추가하며 마무리하기

_10 리덕스 고급 기능 활용하기
__10-1 미들웨어 기초 알아보기
__10-2 redux-thunk와 비동기 제어
__10-3 서버 지연 처리와 오류 표시하기
__10-4 미들웨어로 알림 메시지 띄우기
__10-5 코인 거래 알림 효과 추가하며 마무리하기

_11 에어비앤비 개발 방식으로 비동기 제어하기
__11-1 redux-pack 미들웨어로 비동기 제어하기
__11-2 대용량 데이터 효율적으로 처리하기
__11-3 셀렉터로 스토어 데이터 변환하기
__11-4 axios 호출 작업 모듈화하기
__11-5 회원 가입 기능 추가하며 마무리하기

_12 리액트 라우터 적용하기
__12-1 싱글 페이지 애플리케이션
__12-2 리액트 라우터 구성하기
__12-3 주소와 리덕스 연결하기

에어비앤비 개발자의 비밀 레시피
__레시피 1 코드 스플릿팅 기법으로 bundle.js 크기 줄이기
__레시피 2 파이어베이스에 가상 코인 거래소 배포하기
__레시피 3 서버 사이드 렌더링 도입하기
__레시피 4 next.js 서버로 구동되는 서비스 배포하기
__레시피 5 파이어베이스 DB 연결하기