1. 프로젝트 구조가 중요한 이유

1-1. 구조 = 유지보수 비용

React 프로젝트에서 구조는 단순한 폴더 정리가 아니라:

• 협업 난이도
• 기능 추가 속도
• 버그 수정 범위
• 코드 가독성

을 직접적으로 결정합니다.

📌 구조가 잘못되면 → 코드가 아무리 좋아도 유지보수 불가

1-2. 구조 설계의 목표

• 역할이 명확할 것
• 변경 영향 범위가 작을 것
• 팀원이 봐도 바로 이해할 수 있을 것

2. React 기본 권장 구조 (소규모)

2-1. 기본 구조 예시

src/
 ├─ App.jsx
 ├─ main.jsx
 ├─ components/
 ├─ pages/
 ├─ assets/
 └─ styles/

2-2. 역할 설명