미라클 메모리아토믹 디자인 패턴이란 ?
“ 디자인 요소들을 나누어 파악하고 이 요소들이 조합되는 과정을 통해서 디자인을 구성하는 방식 ”
ATOM 최소 디자인 요소들을 Atoms(원자들)로 파악한다MOLECULES Atoms들이 조합되어 MOLECULES(분자들)을 형성한다ORGANISMS MOLECULES(분자들)이 조합되어 보다 큰 의미 단위인 ORGANISMS(유기체)를 구성한다TEMPLATES ORGANISMS(유기체)이 모여 구성하는 실질적 디자인 화면이다.PAGES TEMPLATES(템플릿)들이 상황과 컨텐츠에 맞게 적용되면서 PAGES(페이지)를 구성한다.난 체계적인것을 좋아하고 정리하는 것을 좋아한다. 개발을 하는데 있어서 프로젝트에 체계화가 잡혀있다면 데이터의 흐름을 빠르게 이해할 수 있다. 그 중에서도 리액트의 컴포넌트 단위의 모듈과 함께 잘 갖추어진 디자인 시스템을 갖고 있다면 유지보수를 하기 편할 뿐 아니라 다른 사람들과 함께 협업을 하는데 있어서도 유리하다. 쉽게 말해서 아토믹 디자인 패턴을 적용하면 객체지향디자인 패턴의 장점인 재사용성, 생상성 향상, 자연적인 모델링, 유지보수의 우수성을 가져갈 수 있다. 다만 단점으로는 용량이 커질 수 있는 부분과 설계단계에 시간이 오래 걸린다는 것은 알아야 한다.
Automic Design 패턴 적용 실패 경험
지난번 팀 프로젝트를 진행하면서 처음으로 아토믹 디자인 패턴을 알게되었고 아토믹 디자인 패턴을 구현하려고 했다. 하지만 리액트에서 상태관리를 어떻게 해야하는지 이해하지 못했다. 상태관리 라이브러리인 Redux에 대한 이해도가 낮았기 때문에 결국 도입하려다가 실패했다. 하지만 이제는 Redux를 통한 상태관리가 어떤 흐름으로 진행이 되는지, 그리고 리액트는 어떨 때 리-렌더링이 되는지, 리-렌더링을 최적화 하려면 어떻게 해야하는지 어느정도 흐름을 이해했다고 생각한다. 그렇기에
Tree 구조로 보기.