동형 자바스크립트 웹 개발

1장. 동형 웹 앱 시작하기

__동형 앱이란 무엇인가?
__동형 자바스크립트 코드는 어떻게 작성하는가?
__React.js 소개
__예제 앱 설명
__시작하기 위해 필요한 것
__프로젝트 의존성 설치하기
__기본 프로젝트 구조
__첫 번째 리액트 컴포넌트 만들기
__클라이언트와 서버에서 리액트 앱 렌더링하기
__앱을 로컬에서 실행하고 테스트하기
__요약


2장. 리액트 웹 UI 만들기

__컴포넌트 기반 UI 개발
__상태저장과 상태비저장 리액트 컴포넌트
__프로젝트에서 UI 컴포넌트 그룹화
__UI를 컴포넌트 계층구조로 분해하기
__리액트로 정적 버전 만들기
__기본 동형 라우터 구현하기
__요약


3장. CSS와 미디어 자산으로 작업하기

__리액트 컴포넌트의 인라인 스타일
__CSS Modules 시작하기
__PostCSS 시작하기
__웹팩 로더 시작하기
__이미지와 CSS용 웹팩 설정하기
__여러 CSS 파일에서 공통 설정 공유하기
__요약


4장. 브라우저싱크와 HMR로 작업하기

__브라우저싱크 시작하기
____설치 방법
__HMR 시작하기
__요약


5장. 서버에서 리액트 컴포넌트 렌더링하기

__서버 측 렌더링의 핵심 개념
__트러블슈팅
__서버에서 클라이언트로 컴포넌트 상태 전달하기
__리액트 컨텍스트로 작업하기
__페이지 타이틀과 메타 태그 설정 방법
__타사 라이브러리로 작업하기
__서버 데이터 가져오기
__요약


6장. GraphQL 데이터 API 만들기

__GraphQL의 기초
__GraphQL 쿼리
__GraphQL 타입 체계
__Node.js로 GraphQL 서버 구현하기
__GraphQL 서버에서 SQL 데이터 저장소 사용하기
__배치와 캐시하기
__요약


7장. 라우팅과 내비게이션 구현하기

__서버 라우팅
____익스프레스 라우팅
__클라이언트 라우팅
____해시와 히스토리 API
____리액트 라우팅
__리액트 서버 렌더링
____뷰 렌더링
____애플리케이션에 상태 전달하기
________초기 상태
________react-router-config 사용하기
________Redux 사용하기
__요약


8장. 인증 및 권한 부여

__토큰 기반 인증과 쿠키
____쿠키
____토큰 기반 인증
__JWT
____jwt-simple 사용하기
__서버 인증
____가입하기
________JWT 토큰 클레임
________JWT 토큰 암호
____로그인
____라우팅 리다이렉션
________상위 컴포넌트(HoC) 인증하기
________서버측 인증 확인
____로그아웃
__요약


9장. 애플리케이션 테스트와 배포

__테스트와 배포
____테스트
____Mocha, Sinon, Chai, jsdom, Enzyme으로 리액트 단위 테스트하기
________Mocha
________Chai
________Sinon
________테스트
________Enzyme
____Nightwatch로 통합 테스트하기
__배포
____상용 환경의 모범 사례
________코드에서 해야 할 작업
________환경/설정에서 할 작업
____클라우드 플랫폼에 배포하기
________헤로쿠
__요약