본문 바로가기

TODO

(3)
[Flutter] App Todo(refactoring StateNotifierProvider) 오늘은 기존 코딩을 StateNotifierProvider 로 변경해보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 2.10.3 소스코드 위치 - 09_StateNotifierProvider · mike-bskim/todo_test · GitHub Release 09_StateNotifierProvider · mike-bskim/todo_test github.com 수정 대상은 todo_filter.dart todo_search.dart todo_list.dart todo_active_count.dart filtered_todos.dart main.dart todos_screen.dart todo_filter.dart - 주요 수정부분만 표시함 class TodoFilter ex..
[Flutter] App Todo(with Provider) - 2단계 모델링 및 리스트 관리 Todo 리스트를 관리하는 provider 를 만들어 보자. 우선 모델을 만들고, 리스트 관리는 provider 를 이용하여 구현하였다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 2.10.3 소스코드 위치 - Release 03_model&todo_list · mike-bskim/todo_test (github.com) Release 03_model&todo_list · mike-bskim/todo_test github.com todo_model.dart - 모델링 import 'package:equatable/equatable.dart'; import 'package:uuid/uuid.dart'; // unique 번호 생성 Uuid uuid = const Uuid(); class ..
[Flutter] App Todo(with Provider) - 1단계 화면구성 상태관리에서 배운 provider를 이용하여 todo 어플을 만들어 보려고 합니다. 오늘은 화면을 먼저만들어 보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 2.10.3 소스코드 위치 - 02_screen_layout · mike-bskim/todo_test (github.com) Release 02_screen_layout · mike-bskim/todo_test github.com 전체 진행순서는 아래와 같다. 1. 화면 구성 2. 모델링 및 todo 리스트 관리(생성 및 완료체크) 3. 필터별 리스트 관리 4. 검색 기능추가(필터&검색, 필터와 검색 기능을 and 조건으로 구현) 5. 할일 개수 표시 6. todo 리스트 삭제 및 편집 기능 기본 화면 구성은 아래와 같다. ..