Pandaman Blog

Atomic Design 이란 물질의 개념을 웹에 적용하여 인터페이스를 세분화한 디자인 시스템을 만드는 방법론. Atomic Design에서는 컴포넌트를 atom, molecules, organisms, templates, pages로 세분화함 1) Atom(원자) 가장 기본적인 구성 요소(HTML Tag 또는 스타일 속성이 적용된 HTML Tag) 2) Molecules(분자) 원자의 조합으로 구성된 요소 3) Organisms(유기체) 분자 또는 원자 또는 유기체의 조합으로 구성된 요소 4) Templates 페이지의 레이아웃 형성하는 컴포넌트 5) Pages 템플릿 컴포넌트에 데이터가 포함된 컴포넌트 장점 1) 유지보수성 향상 2) 컴포넌트의 복잡도 낮춤 3) 디자인의 일관성 높임 4) Storyb..