1부 MVVM이란?
Flutter 앱 개발을 위한 MVVM아키텍처 - 1부 MVVM이란?
모바일 앱 개발을 하게 되면 기본적으로 필요한 구조와 기능이 있다. Android, iOS앱 할것 없이 결국 앱이 구현해야 하는 최종 기능은 같다. Flutter로 앱을 만들때도 마찬가지다. 앱을 개발한다면 앱
ctoahn.tistory.com
2부 View와 ViewModel
Flutter 앱 개발을 위한 MVVM아키텍처 - 2부 View와 ViewModel
View View는 유저에게 UI를 보여주는 곳으로, View 클래스 하나로 이루어져 있다. Flutter에서는 선언형 UI를 사용한다. 그래서 모든 View의 구성요소들은 Widget이 되고, 이것들의 위젯트리를 만들어 화면
ctoahn.tistory.com
3부 Data Layer
Flutter 앱 개발을 위한 MVVM아키텍처 - 3부 Data Layer
Data Layer App전체에 필요한 데이터를 제공하는 곳으로, Repository 패턴으로 구성되어 있다. 보통 ViewModel이 Repository에 필요한 정보를 요청하게 되고, RemoteDataSource, LocalDataSource를 통해 외부혹은 내부
ctoahn.tistory.com
4부 폴더(패키지) 구조
Flutter 앱개발을 위한 MVVM아키텍처 - 4부 폴더(패키지) 구조
MVVM아키텍처를 적용하게 되면 아래와 같은 폴더구조가 된다 아래 폴더 구조를 기본으로 추가적인 화면이나 도메인이 추가될때 마다 확장해나가면 될것이다. /data /model - post.dart /repository - post_rep
ctoahn.tistory.com
5부 DI와 테스트코드
Flutter 앱개발을 위한 MVVM아키텍처 - 5부 DI와 테스트코드
DI DI (Dependency injection) 와 테스트 코드에 대한 설명은 서로 연관성이 많기 때문에 함께 해야 할것 같다. 안드로이드 개발자라면 DI에 대해서는 많이 들어 보았을 것이다. 안드로이드 진영에서는 Da
ctoahn.tistory.com
'[====== Development ======] > Flutter' 카테고리의 다른 글
| [Flutter] Json Serialization (0) | 2024.03.03 |
|---|---|
| Flutter App Architecture: The Repository Pattern (0) | 2024.03.02 |
| [Flutter] Visual Studio Code 설정 (0) | 2024.03.01 |
| Dart 버전 업그레이드 및 Pub 버전 업그레이드 후 Firebase 관련 문제로 빌드 오류 발생시 대응 방법 (1) | 2024.02.11 |
| Flutter - WebViewController 스크롤 이동 (0) | 2023.12.18 |