폴더 구조 정리법

less than 1 minute read

Published:

공식 문서 : https://ko.legacy.reactjs.org/docs/faq-structure.html#is-there-a-recommended-way-to-structure-react-projects

폴더 정리를 왜? 해야하는가

  • 이름만 봐도 ‘이게 어떤 기능을 하는지’가 보여야함
  • 협업할때도, 유지보수 할 때도 시간을 아낄 수 있음

폴더 이름

  • 간단하고 눈에 익는 단어

src 폴더(source)

프로젝트에서 실제로 작성하는 소스 코드가 들어가는 폴더

  • 공통된 요소는 프로젝트 최상단에 두기

기능별로 나누기

프로젝트 구조에 대한 일반적인 방법 중 하나는 CSS, JS 그리고 테스트 파일을 기능이나 라우트로 분류된 폴더에 같이 두는 방법

너무 깊게 생각하지 말 것

파일 구조를 선택하는 것에 있어 5분 이상 시간을 투자하지 말기