아토믹 디자인 패턴 - 모두 재활용을 합시다
안녕하신가 난 프론트엔드 개발조무사 하상원이다 ~ 회사에서 아토믹 디자인 패턴을 이용한 개발을 하고 있다 후후 과연 아토믹 디자인이 뭘까 ? 아토믹 디자인이란, 아토믹하게 디자인 하는 것이다 !.. 혹은 내가 이해한 바는 UI를 나누는 방법 같은 느낌이다. page(Next라 페이지는 따로), templates, organisms, molecules, atom 이렇게 조각조각 쪼개서 UI를 구성하는 것이다 ! 나는 UI를 위의 사진처럼 page는 가장 크고, - 링크 단위 templates은 한 페이지를 구성하며, - 한 화면 단위 organisms은 템플릿을 크게 분리하고, - 화면의 큰 요소들 molecules는 한 가지 목적을 가지며, - 특정 모달창, 리스트 atom는 최소의 기능을 단위로 나누..
2022. 9. 6.