Page 13 -
P. 13
20.3 PostList 페이지 UI 구현 508
20.3.1 ListWrapper 컴포넌트 509
20.3.2 PostList 컴포넌트 생성 511
20.3.3 Pagination 컴포넌트 생성 514
20.4 Post 페이지 UI 구현 517
20.4.1 PostInfo 컴포넌트 518
20.4.2 PostBody 컴포넌트 521
20.5 Editor 페이지 UI 구현 524
20.5.1 EditorTemplate 컴포넌트 526
20.5.2 EditorHeader 컴포넌트 532
20.5.3 EditorPane 컴포넌트 생성 534
20.5.4 PreviewPane 컴포넌트 538
20.6 마크다운 에디터 구현 541
20.6.1 CodeMirror 적용 542
20.6.2 에디터 상태 관리 545
20.6.3 마크다운 변환 550
20.6.4 Prismjs를 사용하여 코드에 색상 입히기 555
20.6.5 마크다운 스타일링 557
20.7 정리 560
21장 프로젝트에서 API 연동 561
21.1 포스트 작성 562
21.1.1 프록시 설정 562
21.1.2 axios 설치 563
21.1.3 글 작성 API 함수 생성 563
21.1.4 editor 모듈에 WRITE_POST 액션 생성 563
21.1.5 EditorHeaderContainer 컴포넌트 생성 564
21.2 포스트 보여 주기 567
21.2.1 포스트 읽기 API 함수 생성 567
21.2.2 post 모듈 생성 568
21.2.3 Post 컴포넌트 생성 569
21.2.4 PostInfo와 PostBody에서 올바른 데이터 보여 주기 570
리액트를 다루는 기술(본문출력용)0720.indb 22 2018-07-20 오전 11:25:18
