[Detail] 좋은 Component 구성

모든 컴포넌트를 한개의 JSX 파일에 있는것이 바람직할까?
작동이 되겠지만 관리가 힘들고 다른사람이 읽기도 힘들고
어떤것을 React에 명령하는지 파악하기도 힘들다

작성하는 Author도 자기가 뭘 만들고 있는지 파악하기 힘들어 질 것이다.

1. 다수의 컴포넌트가 한 파일에 저장되는 것은 지양

• 두 개 혹은 여러개의 컴포넌트의 연관성이 매우 높거나
• 함께 있어야 작동하는 경우 제외
• 이론적으로도 컴포넌트가 다른 위치에 있다면 제대로 작동이 안되는 경우를 의미

2. 일반적으로 src 밑에 components 디렉토리에 나누어 작성

3. 관습적으로 파일명은 컴포넌트 이름과 동일하게 저장

4. 다른 파일에서 컴포넌트 함수 수용이 가능하려면 export 기능을 사용

5. 컴포넌트를 사용할 때 이름은 대문자로 시작 !important

6. components 디렉토리 안에 도메인 별 혹은 Block 별(Header, Footer, Main.. etc) 디렉토리를 생성하여 관리