Convention

📖 Convention

• 폴더명 : camel case
• 파일명 : pascal case(tsx), camel case(그 외)
• 컴포넌트명 : pascal case
• 변수명 : camel case
• className: camel case
• 함수명 : 앞에 동사 붙이기 getList()
• 커스텀 훅 : 앞에 use 사용하기
• 커스텀 쿼리 훅 파일명 :use…Query.ts
• import 순서 : style ⇒ theme ⇒ react ⇒ 외부라이브러리 ⇒ 내부 파일
• 스타일 파일 : mui 및 모든 inline style 코드 module.scss 파일로 관리

🗂 파일구조 (판매자)

ㄴ 📁 assets                           #이미지 
   ㄴ 📁 icons
   ㄴ 📁 logo
ㄴ 📁 components
   ㄴ 📁 main
      ㄴ 📁 bestCards
	 ㄴ 📄 BestCards.tsx           #컴포넌트
	 ㄴ 📄 bestCards.module.scss   #컴포넌트 스타일
	 ㄴ 📄 bestCards.type.ts       #컴포넌트 타입 (옵션)
	 ㄴ 📄 useBestCard.ts          #컴포넌트 커스텀 훅 (옵션)
         ㄴ 📄 useGetBestCardQuery.ts  #컴포넌트 커스텀 훅 쿼리 (옵션)
ㄴ 📁 elements
ㄴ 📁 pages
ㄴ 📁 shared
   ㄴ 📁 apis
   ㄴ 📁 hooks
ㄴ 📁 style                             #GlobalStyle,theme,style.d.ts