Atomic design과 컴포넌트 구조

Atom

atom은 기본이 되는 base컴포넌트들을 넣어둔다
가장 작은 단위가 되는 컴포넌트이며 재사용가능해야한다.

orgamism

Atom들이 모여 orgamism이 된다.
사용자에게 의미 있는 정보를 제공하거나 도메인의 속성이 있다면, orgamism으로 분류를 한다.

Page

실제로 라우팅이 되는 화면이다.

etc

• Side Effect는 Page에서 처리를 하며 하위 컴포넌트는 최대한 순수하게 작성한다.
• molcule이 없는데, Atom과 molcule의 경계가 모호한 부분이 존재한다고 생각하여 사용하지 않았다.
• 따라서 Atom과 organism, Page로 분류를 하였다.

[참고] Effecttive Atom Design - 이선협님