Atomic 디자인이란?
·
프로젝트/Componique: UI 컴포넌트 라이브러리
Atomic 디자인은 UI 컴포넌트를 설계할 때 작은 단위부터 큰 단위까지 점진적으로 조합해나가는 방법론입니다. 이 방법론은 Brad Frost가 제안한 디자인 시스템으로, 생물학의 원자론에서 착안해 UI 컴포넌트를 마치 원자(atom), 분자(molecule), 유기체(organism)와 같이 작은 구성 요소들로 나누어 관리하는 구조입니다.이 디자인 방법론의 핵심은 재사용성과 확장성을 고려한 컴포넌트 설계를 가능하게 한다는 점입니다. 프로젝트가 커지고 복잡해질수록 단일 컴포넌트가 여러 곳에서 사용될 수 있는데, 이때 Atomic 디자인을 적용하면 코드 중복을 줄이고 유지보수를 쉽게 할 수 있습니다.Atomic 디자인의 5가지 구성 요소Atoms (원자)원자는 더 이상 나눌 수 없는 가장 작은 단위입니다..
프로젝트 소개: Componique - UI 컴포넌트 라이브러리
·
프로젝트/Componique: UI 컴포넌트 라이브러리
약 3개월간 진행된 Componique 프로젝트는 웅진씽크빅이 주최하는 청년일경험사업의 일환으로, 총 3개의 기업이 참여한 프로젝트입니다. 저희는 그 중 붐코커뮤니케이션이라는 기업과 협력하여 프로젝트를 진행했습니다.Componique 프로젝트 소개저희 팀 POTEN이 개발한 Componique는 웹사이트와 애플리케이션 제작 시 유용하게 사용할 수 있는 UI 컴포넌트 라이브러리입니다. 이 프로젝트는 UI 컴포넌트를 제공함으로써 사용자가 웹 디자인을 보다 쉽고 빠르게 구현할 수 있도록 돕는 것을 목표로 했습니다.Componique의 주요 특징은 사용자 맞춤형 페이지 제작에 중점을 두었다는 점입니다.저희 팀은 다양한 UI 컴포넌트를 커스터마이징할 수 있는 기능을 통해 더 나은 사용자 경험(UX)을 제공하고자 ..