리액트 파일 구조 설계

파일 구조... 어떻게 설계하세요...?

새로운 프로젝트를 시작할 때 마다 고민하게 되는 리액트 파일 구조...🤔
파일 구조 결정에 시간을 너무 할애하는 것이 아닌가... 하고 고민이 또 다른 걱정을 낳고는 했다.

그때 당시 발견한 리액트 공식 문서의 개비스콘 문구.

너무 깊게 생각하지 마세요
"이제 막 프로젝트를 시작하는 단계라면 파일 구조를 선택하는 것에 있어서 5분 이상 시간을 투자하지 마세요.

[출처] 리액트 공식사이트, 파일 구조, https://ko.reactjs.org/docs/faq-structure.html

'옳다구나!' 하고 우선 크게 뼈대를 나눠 파일을 생성하고 추후 공통 성질을 가진 것끼리 묶어주는 방법을 택했다.

이제 어느 정도 파일 구조를 나누는 것에 패턴이 생겼고,
그것을 기록하고자 한다.

요즘 나는...☆

src
    ├─assets
    ├─const
    ├─components
 	├─request
    ├─pages
    └─utils

• assets: 이미지, css 파일
• const: 상수 변수, atom
• components: 공통 컴포넌트는 common에
• request: API, socket 요청
• pages: view 화면
• utilts: 함수 모음

기능에 따른 분류, 아토믹 디자인, 유형에 따른 분류 등
파일 구조 설계하는 방법은 다양하다.

본인 스스로나 팀원들끼리 가장 편한 방법이 있다면 그것이 베스트...👍🏻