개발 컨벤션 | Notion

폴더 & 파일

항목	규칙
폴더명	`kebab-case`
파일명 (컴포넌트)	`PascalCase.tsx`
훅 파일	`camelCase.ts`
Zustand 스토어	`xxxStore.ts`
API/쿼리 파일	`useXxx.ts`, `xxxApi.ts`
페이지명	`PascalCase.tsx (Screen)`

기본

항목	컨벤션
컴포넌트명	`PascalCase`
훅 함수	`useCamelCase`
전역 상수	`UPPER_SNAKE_CASE`
타입명	`PascalCase`
boolean prop 이름	`isOpen`, `hasValue`, `canDrop` 등

컴포넌트

파일 하나에 하나의 컴포넌트
Props는 타입 명시 필수
파일 하단에 export default
JSX안에서 최대한 로직 분리

상태 관리

store/~~Store.ts에 zustand 상태 정의
상태는 최대한 모듈 단위로 쪼개기
상태 사용시 필요한 부분만 구조 분해

import

아래의 순서로 import합니다

react
외부 라이브러리
파일 경로
스타일, 이미지 등