본문 바로가기

Flutter53

Flutter MVVM 패턴 - 2(TodoList) 이번 장에서는 MVVM 패턴을 이해할 수 있는 코드를 작성해보고 직접 도전 과제를 풀어 봅시다. 학습 목표 폴더 구조 잡기 main.dart 파일 생성 Model 클래스 만들어 보기 ViewModel 클래스 만들어 보기 View 만들어 보기 // Model class TodoItem { String title; bool isDone; TodoItem({required this.title, required this.isDone}); // TodoItem 비지니스 로직 생성 가능 } 시나리오 코드 main.dart todo_item.dart(model) todo_list_view_model(view) todo_list_view_model(viewModel) 출력 결과 2023. 10. 24.
Flutter MVVM 패턴 - 1 학습 목표 1. 앱 아키텍처란? 2. MVC (Model-View-Controller) 패턴을 사용하는 주된 이유는? 3. MVVM 패턴에 대해 알아 보자 1. 앱 아키텍처란? 앱 아키텍처는 애플리케이션의 전반적인 구조와 구성요소, 그리고 이러한 구성요소 간의 관계와 상호작용을 정의하는 청사진 또는 설계 원칙을 의미합니다. 쉽게 말해, 앱을 구축하는 데 필요한 구성요소와 이러한 구성요소들이 어떻게 함께 작동하고 연결되는지를 설명하는 방법론이라고 할 수 있습니다. MVC, MVP, MVVM, VIPER 등 너무나 많은 아키텍처가 존재 한다. 하지만 원리는 거의 동일 하다. 역할 별로 레이어를 나눈다. 각 레이어는 각자의 역할에만 집중하게 설계하고 자신 밖에 업무에서 가능한 신경을 끈다. 각 레이어를 나누게.. 2023. 10. 24.
Flutter - HTTP 통신 하기 https://pub.dev/ Dart packages Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs. pub.dev 1. dio 라이브러리란 dio는 HTTP 클라이언트 라이브러리입니다. Flutter와 Dart 웹, CLI 및 서버 사이드 개발에서 사용됩니다. 풍부한 기능: **dio**는 기본 HTTP 요청뿐만 아니라 FormData, File Upload/Download, Timeout 등 다양한 기능을 지원합니다. 가동성: 쉽게 커스터마이징 가능한 요청과 응답 인터셉터, HTTP 요청 캔슬, .. 2023. 10. 23.
당근 마켓 만들어 보기 - 5 하단 Card 메뉴 위젯 위젯 만들기 card_icon_menu.dart my_carrot_screen.dart 출력 결과 2023. 10. 20.