
[디자인 패턴] atomic design pattern
·
디자인 패턴
atomic design pattern 이란? 컴포넌트를 원자단위까지 쪼개서 프로젝트마다 미리 구현된 컴포넌트를 재활용하여 레고블록 쌓듯이 자주쓰는 기능들을 조합해서 다양하게 재사용하기 위한 프론트엔드 개발 방법론 프로젝트 구조 atoms (원자단위 필수 컴포넌트) - button, List, Table, form, pic, text molecules (atom 컴포넌트를 조합한 분자단위 컴포넌트) - breadcrumbs, card, category, counter, navBar, searchBar, slider organisms (molecules 컴포넌트를 조합한 유기체단위 컴포넌트) - Header, Footer, Swiper, Visual template (organisms 컴포넌..