본문 바로가기

Flutter

(156)
[Flutter] App Todo(with Getx) - 2단계 추가, 필터링 및 리스트 상태관리에서 배운 Getx를 이용하여 todo 어플을 만들어 보려고 합니다. 이전 버전은 provider 로 상태관리하는 todo 어플을 만들었다. 오늘은 새로운 todo 추가, 필터(all/active/completed) 에 따른 todo 리스트 보여주기 기능을 만들어 보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 2.10.3 소스코드 위치 - Release 03_filter&filteredList2 · mike-bskim/todo_getx · GitHub Release 03_filter&filteredList2 · mike-bskim/todo_getx github.com 화면구현은 아래와 같습니다. 새로 추가된 리스트("추가된 리스트")가 리스트 하단에 있습니다. 오늘의 프..
[Flutter] App Todo(with Getx) - 1단계 화면, 모델링 및 리스트 관리 상태관리에서 배운 Getx를 이용하여 todo 어플을 만들어 보려고 합니다. 이전 버전은 provider 로 상태관리하는 todo 어플을 만들었다. 오늘은 화면, 모델링 및 리스트 관리 기능을 먼저만들어 보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 2.10.3 소스코드 위치 - Release 02_model&todolist · mike-bskim/todo_getx · GitHub Release 02_model&todolist · mike-bskim/todo_getx github.com 이전 provider 로 구현한 블로그는 아래와 같다. 2022.05.13 - [Flutter/10 app Todo with provider] - [Flutter] App Todo(with Pr..
[Flutter] GetX - Get.create 예시 이번 카테고리는 GetX 의 Get.create 의 사용 예시에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 3.0.1 소스코드 위치 - Release 15_Get_create_example2 · mike-bskim/getx_test · GitHub Release 15_Get_create_example2 · mike-bskim/getx_test github.com 프로젝트 구조 /src/pages/dependencys/dependency_manage_page.dart /src/binding/shopping_binding.dart /src/controller/shopping_controller.dart /src/pages/shopping/shopping_page.da..
[Flutter] Getx - GetxService 이번 카테고리는 GetX 의 GetxService 에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 3.0.1 소스코드 위치 - Release 13_getx_service · mike-bskim/getx_test · GitHub Release 13_getx_service · mike-bskim/getx_test github.com 이번 카테고리는 GetX 의 GetxService 에 대해서 알아보겠습니다. 주요 차이점은 GetxController 는 해당 인스턴스가 자동으로 생성/삭제/종료되지만 GetxService 는 생성은 자동으로 되지만 삭제/종료는 수동으로 호출해 주어야 한다. 실제 출력된 로그는 블로그 마지막을 참고하세요 프로젝트 구조 /src/home.da..
[Flutter] Getx - Binding 이번 카테고리는 GetX 의 dependency injection 의 다양한 binding 방법에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 3.0.1 소스코드 위치 - Release 12_getx_binding · mike-bskim/getx_test · GitHub Release 12_getx_binding · mike-bskim/getx_test github.com 프로젝트 구조 main.dart /src/home.dart /src/bindings/binding_injection.dart /src/controller/dependency_controller.dart /src/pages/binding/binding_page.dart binding_injectio..
[Flutter] GetX - Dependency injection 이번 카테고리는 GetX 의 dependency injection 에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 3.0.1 소스코드 위치 - Release 11_getx_dependency_injection · mike-bskim/getx_test · GitHub Release 11_getx_dependency_injection · mike-bskim/getx_test github.com 프로젝트 구조 /src/home.dart /src/controller/dependency_controller.dart /src/pages/dependencys/dependency_manage_page.dart /src/pages/dependencys/get_put.dart /sr..
[Flutter] GetX - State management(reactive) 이번 카테고리는 GetX 의 state management(reactive) 에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 3.0.1 소스코드 위치 - Release 10_getx_state_menagement_reactive · mike-bskim/getx_test · GitHub Release 10_getx_state_menagement_reactive · mike-bskim/getx_test github.com 프로젝트 구조 /src/home.dart /src/controller/reactive_state_controller.dart /src/pages/reactive_state_manage/reactive_state_manage_page.dart /src/..
[Flutter] GetX - State management(update) 이번 카테고리는 GetX 의 state management(update) 에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 3.0.1 소스코드 위치 - Release 09_getx_state_menagement_update · mike-bskim/getx_test · GitHub Release 09_getx_state_menagement_update · mike-bskim/getx_test github.com 프로젝트 구조 /src/home.dart /src/controller/simple_state_controller.dart /src/pages/simple_state_manage/with_getx.dart /src/pages/simple_state_manage/w..