Page 14 -

REACT

21.3 포스트 목록 보여 주기 574
21.3.1 포스트 리스트 API 함수 생성 574
21.3.2 list 모듈 생성 575
21.3.3 ListContainer 컴포넌트 생성 576
21.3.4 PostList 컴포넌트 데이터 렌더링 578
21.3.5 페이지네이션 기능 구현 580
21.3.6 API에서 tag 분류 581

21.4 포스트 수정 및 삭제 583
21.4.1 헤더에 버튼 보여 주기 583
21.4.2 수정 기능 구현 586
21.4.3 삭제 기능 구현 591
21.5 관리자 로그인 인증 구현 605
21.5.1 서버에 세션 적용 606
21.5.2 비밀번호 인증 API 생성 608
21.5.3 api 라우트에 auth 적용 609
21.5.4 인증이 필요한 API 보호 610
21.5.5 로그인 모달 생성 611
21.5.6 Footer에서 관리자 로그인 버튼을 누르면 로그인 모달 띄우기 617
21.5.7 로그인 기능 구현 619
21.5.8 FooterContainer 완성 623
21.5.9 페이지 로딩할 때의 로그인 상태 확인 624
21.5.10 로그인할 때만 포스트 작성·수정·삭제 버튼 보여 주기 626
21.6 정리 629

22장 프로젝트 마무리 작업 631

22.1 코드 스플리팅 632
22.1.1 코드 스플리팅용 라우트 인덱스 생성 632
22.1.2 프로덕션용 webpack 설정 변경 634
22.2 서버사이드 렌더링 637
22.2.1 클라이언트 렌더링의 문제점 637
22.2.2 서버사이드 렌더링의 단점 639
22.2.3 서버사이드 렌더링 준비 640

리액트를 다루는 기술(본문출력용)0720.indb 23 2018-07-20 오전 11:25:18