Atomic Design Pattern
을 원칙으로 컴포넌트를 설계합니다.Domain
과 Template
의 구분이 매우 모호할 수 있습니다. 따라서, 이는 일단 각자의 생각에 따라서 넣는 방식으로, 과도한 컨벤션 설정으로 인한 생산성에서의 문제를 최소화하였습니다.Atomic Design Pattern
의 핵심은 컴포넌트 단위를 쪼갬으로써 공통 컴포넌트의 재사용성을 증가시키는 목적입니다. 따라서 우리는 이를 다음과 같은 단위로 협의를 진행하였습니다.
atoms
독자적인 기능을 갖는 가장 최소한의 단위입니다.
domains
재사용이 가능한 atoms
의 집합입니다.
~~templates~~
~~domains
를 묶어놓은 단위입니다.~~
pages
next.js의 컨벤션에 따라 pages
디렉토리에 있는, 라우트마다의 페이지를 구성하는 컴포넌트입니다.
다음 디렉토리 구조를 따릅니다.