쉽게 즐기는 체험 예약 플랫폼
| 대상 | 네이밍 규칙 | 예시 |
|---|---|---|
| 폴더명 | 카멜케이스 (camelCase) | auth, boardManagement |
| 컴포넌트 | 파스칼 케이스 (PascalCase) | SignInForm.tsx, BoardCard.tsx |
| 이미지/아이콘파일명 | 케밥케이스 (kebab-case) | logo-icon.png, user-avatar-default.png |
| 함수명/변수명 | 카멜케이스 (camelCase) | fetchUserData, isAuthenticated |
| 환경변수 | 대문자+스네이크케이스 | NEXT_PUBLIC_API_URL |
| 클래스명 | Tailwind 기본 | flex, items-center, bg-blue-500 |
main
└── dev
├── feat/{페이지명}
├── feat/{페이지-컴포넌트}
├── fix/{버그설명}
├── docs/{문서설명}
└── refac/{이름}
- Next.js(App Router) - CSR/ISR 지원, 폴더 기반 라우팅이 직관적
- Tailwind CSS - 빠른 스타일링, 클래스 네이밍 고민 감소
- TypeScript - 타입 안정성 확보 및 협업 효율 증가
- Zustand - 설정이 간단하고 가벼운 상태 관리
- Axios - 요청/응답 처리 및 에러 핸들링이 간결함
- ESLint & Prettier - 코드 스타일 통일 및 오류 방지
- Vercel - Next.js와 호환성이 뛰어난 배포 플랫폼
- CodeRabbit - 자동 코드 리뷰 및 요약 기능