Tiny Bunny
Flutter Day 13: Riverpod 2.xx로 배우는 MVVM 패턴과 상태관리
·
🖥️Frontend/Flutter
1. MVVM 패턴Model: 데이터를 정의하는 곳이에요. (TodoItem)ViewModel: 비즈니스 로직과 데이터를 관리하는 중간 관리자에요. (TodoListViewModel)View: 사용자와 상호작용하는 화면(UI)이에요. (TodoListView)MVVM의 핵심은 View와 Model이 직접 연결되지 않고 ViewModel을 통해서만 통신한다는 점코드가 깔끔하고 유지보수하기 쉬움데이터와 UI가 분리되니까 테스트하기 좋음2. ProviderProvider는 앱에서 데이터를 공유하거나 관리하는 역할을 해요. Flutter 앱에서는 데이터(상태)를 여러 위젯에서 공유해야 할 때가 많은데, Provider는 이런 데이터 공유와 관리를 편리하게 만들어주는 도구입니다.Provider의 장점데이터를 안전..
Flutter Day 12: MVVM TodoList 만들기
·
🖥️Frontend/Flutter
Flutter에서 MVVM(Model-View-ViewModel) 패턴을 사용하면 코드의 유지보수성과 테스트 용이성이 크게 향상됩니다. 이번 글에서는 MVVM 개념부터 실제 구현까지 단계별로, 이해를 돕기 위해 Todo 리스트 예제를 중심으로 설명드리겠습니다. 앱 아키텍처앱 아키텍처는 애플리케이션의 구조와 구성 요소 간의 상호작용을 정의하는 설계 방법론입니다. 쉽게 말해, 코드의 역할을 명확히 나누고 정리된 방식으로 구현하는 것입니다.앱 아키텍처의 핵심 목표역할 분리: 각 컴포넌트가 자신의 역할에만 집중하도록 설계유지보수 용이성: 코드 수정이나 기능 추가가 간편확장성: 프로젝트가 커져도 쉽게 관리 가능MVC vs MVVM 비교  항목 MVC MVVM구조Model, View, ControllerModel,..