atomic design1 아토믹 디자인 패턴(atomic design) 정의 사용자 인터페이스를 작고 단순한 컴포넌트로 분리하여 효율적으로 관리하는 방법론 역사 2013년 6월 브래드 프로스트(Brad Frost)라는 스타일 가이드 관련 경험도가 높은 웹디자이너가 제시한 디자인 패턴입니다. 아토믹 디자인 구조 구조는 원자(Atoms) -> 분자(Molecules), 유기체(Organisms), 템플릿(Templetes), 페이지(Pages)로 이루어져 있습니다. 1. 원자(Atoms) 사용자 인터페이스에서 더 이상 쪼갤 수 없는 가장 작은 컴포넌트입니다. 대표적인 원자 컴포넌트는 레이블(Label), 텍스트(Text), 컨테이너(Container), 버튼(Button), 아이콘(Icon) 등입니다. 2. 분자(Molecules) 두 개 이상의 원자로 구성된 컴포넌트입니다. .. 2022. 1. 3. 이전 1 다음
