🎖️

[프론트] 컴포넌트 패턴

디자인 패턴

가장 중요한 점은, Domain과 Template의 구분이 매우 모호할 수 있습니다. 따라서, 이는 일단 각자의 생각에 따라서 넣는 방식으로, 과도한 컨벤션 설정으로 인한 생산성에서의 문제를 최소화하였습니다.

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

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

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

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

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

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


src
	-contexts
	-stories
	-styles
	-pages
	-hooks
	-components
		-atoms
		-domains
		-templates