아토믹 디자인을 활용한 디자인 시스템 도입기

이 게시물은 카카오 페이지 웹에서 아토믹 디자인을 통해 디자인 시스템을 구축하는 과정에 대해 설명합니다.

문제점

• 컴포넌트 파편화로 인한 디자인 일관성 부족
• 명확한 설계 기준 미비로 인한 코드 리뷰 어려움
• 주관적 기준으로 인한 커뮤니케이션 비용 증가

해결책

디자인 시스템을 통해 기본 요소를 정의하고, 아토믹 디자인 방법론을 적용하여 컴포넌트를 atom, molecule, organism, template, page로 구분하여 일관성을 높이고 재사용성을 강화하는 방법을 제시합니다.