Page 13 -

REACT

20장 서버 사이드 렌더링 537

20.1 서버 사이드 렌더링의 이해 538

20.1.1 서버 사이드 렌더링의 장점 539
20.1.2 서버 사이드 렌더링의 단점 539
20.1.3 서버 사이드 렌더링과 코드 스플리팅 충돌 540
20.2 프로젝트 준비하기 541
20.2.1 컴포넌트 만들기 541
20.2.2 페이지 컴포넌트 만들기 543
20.3 서버 사이드 렌더링 구현하기 545
20.3.1 서버 사이드 렌더링용 엔트리 만들기 545
20.3.2 서버 사이드 렌더링 전용 웹팩 환경 설정 작성하기 546
20.3.3 빌드 스크립트 작성하기 553
20.3.4 서버 코드 작성하기 555
20.3.5 정적 파일 제공하기 558
20.4 데이터 로딩 562
20.4.1 redux-thunk 코드 준비하기 563
20.4.2 Users, UsersContainer 컴포넌트 준비하기 567
20.4.3 PreloadContext 만들기 570
20.4.4 서버에서 리덕스 설정 및 PreloadContext 사용하기 572
20.4.5 스크립트로 스토어 초기 상태 주입하기 574
20.4.6 redux-saga 코드 준비하기 577
20.4.7 User, UserContainer 컴포넌트 준비하기 581
20.4.8 redux-saga를 위한 서버 사이드 렌더링 작업 584
20.4.9 usePreloader Hook 만들어서 사용하기 587
20.5 서버 사이드 렌더링과 코드 스플리팅 589
20.5.1 라우트 컴포넌트 스플리팅하기 590
20.5.2 웹팩과 babel 플러그인 적용 591
20.5.3 필요한 청크 파일 경로 추출하기 593
20.5.4 loadableReady와 hydrate 595
20.6 서버 사이드 렌더링의 환경 구축을 위한 대안 597
20.6.1 Next.js 597
20.6.2 Razzle 598
20.7 정리 598

리액트를 다루는 기술_개정판(본문)최종출력용.indb 27 2019-08-20 오전 11:02:52