HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
💟
지은팀 Programmers Study
/
🚀
지은 1팀
/
💻
개발
/
📂
디렉토리 구조 가이드
📂

디렉토리 구조 가이드

 
디렉토리 구조 가이드

components

  • 재사용 가능한 컴포넌트 다양한 곳에 사용 가능한 범용 가능한 컴포넌트

domains

  • 주제별로 구분할 수 있는 컴포넌트
    • domains/accounts/login
      domains/accounts/signup 등

containers

  • 재사용이 불가능 한 컴포넌트
    • (홈페이지, 약관등의 페이지)
       
notion image
 

 
  • components, hooks, contexts, services(==utils) 로 크게 폴더 분리 (컴포넌트를 더 분리할거면 domains까지)
  • 공통적으로 쓸 hook은 src밑에 폴더를 만들어주고, 각 컴포넌트에서만 쓰일 거면 해당 컴포넌트 폴더에 hooks.js 파일을 만든다
notion image
 
  • 컴포넌트가 두 레벨 이상 중첩되지 않도록 합니다.
notion image