목차

폴더 구조

네이밍 컨벤션

코드 컨벤션

.tsx

tailwind

package.json

폴더 구조

src
├── app
    ├── account
		    ├── signup
				    ├── info
						    ├── page.tsx
				    ├── success
						    ├── page.tsx
				    ├── page.tsx
		    ├── tutor
				    ├── page.tsx
    ├── class
		    ├── [id]
				    ├── page.tsx
    ├── my
		    ├── (...parallel routes)
		    ├── layout.tsx
		    ├── page.tsx
		├── payment
		    ├── success
				    ├── page.tsx
		    ├── page.tsx
    ├── layout.tsx
    ├── page.tsx
├── components
		├── common
				├── Header.tsx
				├── (...common components)
		├── ui
				├── (...shadcn/ui UIs)
├── hooks
├── lib
		├── providers.tsx
		├── utils.ts
├── states
├── stories
		├── (...storybook stories)
├── styles
		├── globals.css
└── types

네이밍 컨벤션

표기법

컴포넌트, 페이지: 파스칼 표기법 (SignUpPage, ClassCard)

변수, 폴더명, assets: 카멜 표기법 (classDetail, setUsername)

상수: 모두 대문자, 단어는 밑줄로 구분 (MAX_VALUE)

페이지

• 페이지의 파일명: page.tsx로 모두 동일하다.
• 페이지의 함수명: 파스칼 표기법 + 접미사 Page (SignUpPage, HomePage)