**client**
├── public
│   ├── css
│   └── index.html
└── src
    ├── components
    ├── libs
    ├── pages
    ├── index.js
    └── router.js

1. 정적 파일(html, image, css)은 public 혹은 src/assets 에 두자
2. pages 의 page는 컴포넌트들로 구성된다.
   • 해당 페이지에 어떤 요소가 있는지 한 눈에 알아 볼 수 있다.
   • 컴포넌트 재사용 활용도를 높인다.
3. libs 는 우리가 자주 쓰는(여러 곳에서) 코드를 정리해둔다.
4. index.js 는 html파일의 initializer라고 보면 된다.
5. router.js 는 html의 페이지 이동을 제어해준다.

**client**
└── src
    ├── components
	  │   ├── home
	  │   │    └── ToDoList.js
	  │   └── Header.js
    └── pages
        └── Home.js

1. 객체파일은 대문자 시작이 국룰. 페이지와 컴포넌트는 모두 객체이다.
2. 컴포넌트는 페이지 단위로 디렉토리 분리하자.
3. 여러 페이지에서 공통적으로 사용되는 컴포넌트는 바깥쪽에 두자.

NEXT

2. 기본 구성요소 살펴보기