Flutter MVVM 패턴 - 2(TodoList)

이번 장에서는 MVVM 패턴을 이해할 수 있는 코드를 작성해보고 직접 도전 과제를 풀어 봅시다.

학습 목표

1. 폴더 구조 잡기
2. main.dart 파일 생성
3. Model 클래스 만들어 보기
4. ViewModel 클래스 만들어 보기
5. 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)

 

출력 결과