홈앤서비스 SK BROADBAND

▣ 01장: 리액트/리덕스란?
1-1 리액트란?
__리액트의 특징
__다른 라이브러리/프레임워크와의 차이
1-2 플럭스란?
__플럭스의 구성 요소
__리덕스의 특징
1-3 리덕스란?
__리덕스의 구성 요소

▣ 2장: create-react-app으로 개발 시작하기
2-1 create-react-app이란?
__개발 환경 갖추기
__설치
__create-react-app 설치
2-2 애플리케이션 만들기
__프로젝트의 구성
__애플리케이션 실행
Hello, World!

▣ 03장: JSX
3-1 JSX란?
__자바스크립트를 확장한 언어
__JSX가 왜 필요할까?
__JSX 문법
3-2 바벨을 사용해 JSX를 자바스크립트로 변환하기
__트랜스파일러와 바벨
__CLI
__웹팩이란?

▣ 04: 리액트 컴포넌트
4-1 리액트 컴포넌트란?
__컴포넌트 개발 준비
__함수형 컴포넌트와 클래스형 컴포넌트
__리액트 요소
__데이터 주고받기(props)
4-2 상태와 이벤트 핸들링
__컴포넌트 준비
__이벤트 핸들링
__state 정리
__마운트와 관련된 라이프사이클 메서드
4-3 라이프사이클
__데이터 업데이트와 관련된 라이프사이클
__오류 처리와 관련된 라이프사이클 메서드
__리덕스만으로 Todo 애플리케이션 구현하기

▣ 05장: 리덕스를 이용한 애플리케이션 상태 관리
5-1 리덕스로 애플리케이션 상태 관리하기
__리덕스 구성하기
__액션크리에이터 정의하기
__스토어 생성
__React.js와 조합하기
__파일을 기능별로 분리
5-2 react-redux
__react-redux 설치
__컨테이너 컴포넌트와 프레젠테이셔널 컴포넌트
__react-redux가 하는 것
__Todo 애플리케이션에 react-redux 도입

▣ 06장: 라우팅 구현
6-1 라우팅이란?
__라우팅 구현 패턴
__라우팅 라이브러리 소개

▣ 07장: 리덕스 미들웨어
7-1 라우팅이란?
__리덕스 미들웨어의 기초
__액션 로그를 출력하는 리덕스 미들웨어 사용하기
7-2 액션의 로그를 출력하는 리덕스 미들웨어 만들기
__미들웨어의 구조
__로그 미들웨어 구현
7-3 미들웨어 예
__thunk 미들웨어
__로컬 스토리지

▣ 08장: 리덕스의 비동기 처리
8-1 비동기 처리 기초
__비동기 처리란?
__redux-thunk를 이용한 비동기 처리
__thunk를 사용할 경우의 Promise와 Async/Await
8-2 thunk 미들웨어의 편리한 사용법
__여러 개의 액션 묶기
__getState 함수

▣ 09장: 리덕스를 이용한 애플리케이션 상태 관리
9-1 비동기 처리 기초
__리액트 컴포넌트에 스타일 적용
__UI 라이브러리란?
__Material-UI
__Material-UI 사용해보기
9-2 애니메이션 구현

▣ 10장: 실전 애플리케이션 만들기
10-1 애플리케이션 만들 준비하기
__예제 애플리케이션
__깃허브 API의 기본적인 형태
__애플리케이션의 기본 형태 만들기
10-2 애플리케이션 만들기
__파일과 디렉터리 구성
__리덕스 적용
__라우팅 적용
__페이지 라우팅 구현
__비동기 처리 구현
__리듀서 구현하기
__Material-UI 적용

▣ 11장: 애플리케이션 테스트 작성
11-1 테스트 라이브러리(테스트 프레임워크)
__제스트
__제스트 사용
11-2 리액트/리덕스 애플리케이션 테스트
__액션크리에이터 테스트
__비동기 액션크리에이터 테스트
__리듀서 테스트
__리액트 컴포넌트의 유닛 테스트
__리액트 컴포넌트의 스냅숏 테스트

▣ 12장: 애플리케이션 공개
12-1 애플리케이션 공개
__깃허브 페이지
__깃허브 페이지의 장점과 단점
12-2 파이어베이스
__파이어베이스란?

▣ 13장: 서버 사이드 렌더링
13-1 서버 사이드 렌더링이란?
__서버 사이드 렌더링을 반드시 해야 하는 것은 아니다
__리액트 서버 사이드 렌더링의 흐름
__리액트 v15 이전의 서버 사이드 렌더링
13-2 리액트 v16 이후의 서버 사이드 렌더링
__리액트 v16의 서버 사이드 렌더링의 변경 사항
__리덕스의 서버 사이드 렌더링