더북(TheBook)

20.1.2 주요 디렉터리 생성

 

src 내부에 주요 디렉터리를 만드세요. 주요 디렉터리는 총 여섯 개입니다.

▲ 그림 20-1 src 내부 디렉터리

 

components: 리덕스 상태에 연결되지 않은 프리젠테이셔널 컴포넌트들이 들어 있습니다. 각 컴포넌트의 스타일도 이 디렉터리에 넣습니다.

containers: 리덕스 상태와 연결된 컨테이너 컴포넌트들이 들어 있습니다.

lib: 백엔드 API 함수들과 코드 스플리팅할 때 사용하는 asyncRoute가 들어 있습니다.

pages: 라우터에서 사용할 각 페이지 컴포넌트들이 들어 있습니다.

store: Ducks 구조를 적용시킨 리덕스 모듈들과 스토어 생성 함수가 들어 있습니다.

styles: 폰트, 색상, 반응형 디자인 도구, 그림자 생성 함수 등 프로젝트에서 전역적으로 필요한 스타일 관련 코드들이 들어 있습니다.

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