Naming

폴더 네이밍

• 컴포넌트 → PascalCase
• 함수 → camelCase

Modal - 모달 폴더
 - ModalInput.tsx - 컴포넌트 파일
 - ModalFooter.tsx - 컴포넌트 파일

useModal - 함수 폴더
 - useModal.ts - 함수 파일

페이지 네이밍

• Next.js page routing 기법을 사용하여 페이지는 소문자로 시작!(endpoint 이름)
  • index.tsx → 컴포넌트 이름 파스칼
  • 페이지이름.module.css → 페이지 이름 파스칼 ex.

signin 폴더
 - index.tsx  -> 컴포넌트 이름은 Signin
 - Signin.module.css  -> index.tsx가 사용하는 css modules

이미지 네이밍

• public
  • icons 폴더→ svg들
  • images 폴더 → 나머지 이미지들
  • fonts 폴더 → 폰트들
• 네이밍
  • img-logo.png
  • icon-logo.svg
• import
  • PascalCase
  • import LogoImg from ‘/~’
  • import LogoIcon from ‘/~’