디자인 요소들을 나누어 조합하는 방법

컴포넌트 중심의 디자인 패턴

• Atoms (원자)
• Molecules (분자)
• Organisms (유기체)
• Templates (템플릿)
• Pages

참고 : NHN Toast에서 설명하는 Atomic 디자인 패턴

장점

• 아주 작은 단위로 쪼개어 개발하는 방법이다.
• 컴포넌트 단위로 테스트 하기 용이하다.
• 동일한 형태의 컴포넌트를 다른 페이지에서 사용하기 쉽다.

단점

• 컴포넌트가 분리되어 있지만, 미디어 쿼리 활용이 제한된다.