디자인패턴2 아토믹 디자인 패턴(atomic design) 정의 사용자 인터페이스를 작고 단순한 컴포넌트로 분리하여 효율적으로 관리하는 방법론 역사 2013년 6월 브래드 프로스트(Brad Frost)라는 스타일 가이드 관련 경험도가 높은 웹디자이너가 제시한 디자인 패턴입니다. 아토믹 디자인 구조 구조는 원자(Atoms) -> 분자(Molecules), 유기체(Organisms), 템플릿(Templetes), 페이지(Pages)로 이루어져 있습니다. 1. 원자(Atoms) 사용자 인터페이스에서 더 이상 쪼갤 수 없는 가장 작은 컴포넌트입니다. 대표적인 원자 컴포넌트는 레이블(Label), 텍스트(Text), 컨테이너(Container), 버튼(Button), 아이콘(Icon) 등입니다. 2. 분자(Molecules) 두 개 이상의 원자로 구성된 컴포넌트입니다. .. 2022. 1. 3. BlOC 패턴이란? 정의 Flutter의 상태 관리를 제어하기 위해 Google 개발자가 만든 디자인 패턴 목적 화면 UI 부분은 데이터에 접근해서 가공하는 Logic을 Bloc에서 해줌으로써 깔끔하게 코드를 작성할 수 있도록 설계 블록 패턴이 독립적으로 플랫폼의 매우 동일한 코드를 재사용할 수 있도록 고안 다른 플랫폼용 앱을 개발하면서 개발자 측의 작업 부하를 완화하는 것을 목표로 개발 구조 model : model은 Data Provider나 Respository를 통해 Data를 처리하는 부분 ui : ui는 user interface를 의미하는 것으로 사람에게 보이고 입력을 받는 역할을 하는 부분을 구성하는 코드들이 저장될 것입니다. Flutter의 경우 Widget들을 작성하게 됩니다. bloc : Business.. 2021. 9. 11. 이전 1 다음
