Atomic Design Pattern (feat. React, Vue, Flutter)

현재 프론트엔드 분야에서 제일 잘 나가고 있는 자바스크립트 라이브러리 및 프레임워크를 뽑으라면 누구도 주저없이 React와 Vue를 뽑을 것이다. 또한 얼마전 2.0을 발표한 Flutter 역시 모바일 분야에서 그 입지를 다지고 있다. 위에서 언급한 3가지( React, vue, Flutter )가 공통적으로 가지는 특징이 있다. 바로 Component 중심 설계 패턴으로 되어 있다는 것이다. 예전의 UI 개발은 하나의 페이지를 통으로 설계하는 방식이 대부분이였다. 이는 기능별 재사용성 및 페이지 상태에 따른 .class 분기나 CSS 상속 등을 고려하여 작업했다. 하지만 컴포넌트 중심 설계 패턴 라이브러리와 프레임워크들이 유행하면서 컴포넌트들을 잘 쪼개서 설계하고 이를 합쳐 하나의 페이지를 만드는 방식..

2021.12.26