더북(TheBook)

20.1 프로젝트 구조 잡기

 

20.1.1 프로젝트 생성

 

19장에서 만든 서버와 이 절 프로젝트를 연동할 예정입니다. 이전에 만든 blog 디렉터리에서 create-react-app을 이용하여 blog-frontend 리액트 프로젝트를 만드세요.

$ create-react-app blog-frontend

 

이 프로젝트에서는 Sass와 CSS 모듈을 결합하여 컴포넌트를 스타일링하고, 리덕스로 상태를 관리하며, 리액트 라우터로는 여러 페이지를 관리합니다. 프로젝트를 완성한 후에는 추가로 코드 스플리팅과 서버사이드 렌더링을 구현합니다. 이 주요 요소들을 염두에 두고, 프로젝트의 디렉터리 구조를 형성해 봅시다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.