디자인 패턴

구체적인 컴포넌트 패턴 설계

Atomic Design Pattern의 핵심은 컴포넌트 단위를 쪼갬으로써 공통 컴포넌트의 재사용성을 증가시키는 목적입니다. 따라서 우리는 이를 다음과 같은 단위로 협의를 진행하였습니다.

atoms

독자적인 기능을 갖는 가장 최소한의 단위입니다.

domains

재사용이 가능한 atoms의 집합입니다.

~~templates~~

~~domains를 묶어놓은 단위입니다.~~

pages

next.js의 컨벤션에 따라 pages 디렉토리에 있는, 라우트마다의 페이지를 구성하는 컴포넌트입니다.


기본 디렉토리 구조

다음 디렉토리 구조를 따릅니다.