- 라우팅 대상 파일은 뒤에 Page를 붙인다.
- 컴포넌트는 단순 명사로 명명한다.
- 페이지, 컴포넌트의 경우 대문자로 시작하는 카멜 케이스를 사용한다.
- 페이지를 구성하는 컴포넌트 이외에 export하여 사용하는 모듈의 경우 소문자로 시작하는 카멜 케이스를 사용한다.
- 예시
- redux 리듀서 파일들 →
calendar.js
- 하드코딩한 데이터가 들어있는 파일들 →
dummyData.js
- api 통신 파일들 →
login.js
페이지
컴포넌트
src/
├── assets/
│ ├── images/
│ └── fonts/
├── components/
│ ├── common/
│ ├── Calendar/
│ ├── Setting/
│ ├── Search/
│ └── Reservation/
├── pages/
│ ├── LoginPage.tsx
│ ├── RegisterPage.tsx
│ ├── CalendarPage.tsx
│ ├── SettingPage.tsx
│ ├── SearchPage.tsx
│ ├── ReservationPage.tsx
│ └── ProfileEditPage.tsx
├── styles/
│ ├── common/
│ │ ├── _utils.module.scss
│ │ ├── Custom.module.scss
│ │ └── Schedule.module.scss
│ ├── Login/
│ ├── Register/
│ ├── MyCalendar/
│ ├── Setting/
│ ├── OtherCalendar/
│ ├── Search/
│ ├── Reservation/
│ └── ProfileEdit/
├── modules/ -> redux 관련 파일들
│ └── index.js
└── api/ -> api 통신 관련 파일들
└── index.js