프론트엔드 개발자의 기록 공간

아토믹 디자인(Atomic Design)을 착안하여 실제로 프로젝트를 수행한 경험을 늦게나마 공유하겠습니다. 완벽한 아토믹 디자인이 아니지만 프로젝트 기획에 맞게 팀원들과 논의를 통해 적절히 입맛에 바꿔 사용했습니다. 그전에 아토믹 디자인에 대해서 간략히 알아보도록 합시다. ❓ Atomic Design이란? 웹 프론트 개발 프레임워크, 라이브러리인 Angular, Vue, React는 컴포넌트 단위로 개발을 진행한다. 이러한 컴포넌트를 가장 작은 단위로 설정하고 이를 바탕으로 상위 컴포넌트를 만들어 코드 재사용을 최대화하는 방법론이다. 따라서 아토믹 디자인이 컴포넌트 중심 설계 패턴에서 더욱 주목받게 되었다. 아토믹 디자인은 원자(Atoms), 분자(Molecules), 유기체(Organisms), 템플..