왜?

• React는 어플리케이션을 구성하고 구조하는 방법을 제공하지 않는다. (그렇기에 정답도 없다.)
• 어플리케이션을 구성하고 구조하는 것은 개발자나 팀이 상호작용하는 방식이다.
• 잘 짜여진 프로젝트는 개발자들이 자신의 구현에 더 깊이 생각하고 정리하도록 요구한다.
• 또한 잘 짜여진 프로젝트는 코드베이스를 쉽게 탐색, 수정 및 확장할 수 있다.
• 조직화된 코드베이스는 팀이 장기적으로 주어진 구조내에서 생산성을 향상시킬수 있다.
  • 작업 중 서로 겹치거나 충돌이 날 경우를 방지한다.
  • 잘 짜여진 폴더 구조는 코드 중복을 방지한다.

현재 프로젝트 구조

📂 폴더 리스트 (only folder)
├── public
├── script
└── src
		├── apis
		├── assets
		├── consts
		├── containers
		├── contexts
		├── lang
		├── model
		├── scss
		├── useHook
		├── utils
		└── views
				├── MainHome
				├── ...
				└── ...-mgmt

제외 항목

공통 폴더 및 반드시 생성되는 폴더, 폴더가 아닌 파일에 대해서는 생략

• build
• cypress
• node_module
• .js / .json … 등

폴더 분석

public

• 특징
• 언제 사용할까?