말랑한 하루

다른 컴퓨터에서 작업할 일이 생겨 기존의 VS Code에서 프로젝트를 시작하려 했다. 하지만 다음과 같은 Dart SDK 버전 호환이 되지 않아 이 문제를 먼저 해결해야 했다. The current Dart SDK version is 2.16.1 Because maple_app requires SDK version >= 3.2.3 = 3.2.3 < 4.0.0, version solving failed.) 직역하면 maple_app이란 프로젝트에서 SDK 버전 3.2.3~4..

※ reference : https://pub.dev/packages/go_router GoRouter는 Flutter의 Router API를 사용하여, 다양한 화면 간 탐색을 위한 편리한 URL기반 API를 제공한다. URL 패턴 정의, 탐색, 딥 링크 처리 등 다양한 탐색 관련 시나리오를 진행할 수 있다. 주요 특징으로는 다음과 같다. 🍒 Templete 구문(ex, user/:id)을 사용하여 경로 및 Query 매개변수 구문을 분석할 수 있다. 🍒 목적지(하위 경로)에 대한 여러 화면 표시 🍒 Redirection 지원 Application의 State에 따라 사용자를 다른 URL로 다시 Routing할 수 있습니다. 🍒 ShellRoute를 통한 다양한 Navigator 지원 일치하는 경로를 기..

reference : https://pub.dev/documentation/riverpod/latest/riverpod/AsyncValue-class.html AsyncValue는 비동기 데이터를 안전하게 조작하기 위한 Utility입니다. 비동기 작업의 로드/오류 상태를 처리하는 것을 잊을 수 없다는 것이 보장됩니다. 관련하여 AsyncNotifierProvider의 반환 값으로 사용되기 때문에, AsyncNotifierProvider의 특징과 연결되는 이유입니다. 🥕 AsyncValue AsyncValue는 다른 객체로 훌륭하게 변환하는 Utility를 제공합니다. 예를 들면 Flutter Widget은 when method를 사용하여 AsyncValue를 진행률 표시기, 오류화면 그리고 데이터를 표..

※ reference : https://riverpod.dev/docs/providers/notifier_provider 우리는 지난시간 Riverpod에서 제공하는 Provider에 대해서 알아보았습니다. 하지만, 저번 칼럼에서는 자세한 내용을 다루지 않았습니다. 그 이유는 NotifierProvider와 AsyncNotifierProvider가 가장 대중적으로 사용되기 때문에 실제 개발에 적용할 수 있도록 더 자세한 예시와 함께 설명하고 학습하기 위해서입니다. 이 칼럼에서는 NotifierProvider에 대해서 설명하고, TodoList를 구현하는 내용을 기반으로 사용자 정의(User-defined) Class와 Notifier/AsyncNotifier Class 그리고 각각의 Provider를 구..

※ reference : https://riverpod.dev/docs/concepts/providers 우리가 Provider를 사용하는 이유는 Provider가 상태를 Rapping 해주기 때문입니다. 관련해서 우리가 얻을 수 있는 좋은 영향은 다음과 같습니다. 🍒 여러 위치에서 해당 상태에 쉽게 접근할 수 있다. Provider는 SingleTon, Service Locator, Dependency Injection 또는 InheritedWidgets와 같은 패턴들을 완전히 대체할 수 있다. 🍒 현재 상태를 다른 상태와 결합 하는 것을 단순화 한다. riverpod은 Provider내부에 여러 상태를 하나로 병합하는 것이 구축되어 있다. 🍒 성능을 최적화를 활성화 한다. Provider가 상태 변경..

@riverpod, riverpod의 annotation Error이다. riverpod anootation이 정의되지 않았다고 한다. 이 오류는 flutter pub에 reverpod annotation이 설치되지 않았을 때 제기되었다. 처음 flutter_riverpod을 추가할 때, annotation 및 generator 등의 dependencey를 추가하지 않았고 오류로 이어진 것이다. 놓쳤던 pub을 다시 추가해주자 flutter pub add flutter_riverpod flutter pub add riverpod_annotation flutter pub add dev:riverpod_generator flutter pub add dev:build_runner flutter pub add ..

※ reference : https://riverpod.dev/ko/docs/introduction/getting_started 리버팟의 공식문서에 따르면, 리버팟은 프로바이더를 개선한 반응형 캐싱(Reactive Caching) 및 데이터 바인딩(Data Binding) 프레임워크입니다. 리버팟의 공식 문서에 따르면 프로바이더 패키지의 개선하기 어려운 부분을 완전히 재작성하여 개선했습니다.  더 자세한 내용은 https://codewithandrea.com/articles/flutter-state-management-riverpod/에서 소개되는 리버팟의 v2.0 가이드라인을 참고하길 바랍니다.🐇 Riverpod Installurl: https://pub.dev/packages/flutter_rive..

※ reference : https://riverpod.dev/docs/introduction/getting_started ※ github : https://github.com/Jisup/practice-projects/tree/main/fluttertodolist_jisu 이번 글은, Todo List Project를 만들면서 배워나간 Flutter/Dart에 대한 기본적인 내용과 Widget의 개념/활용에 대한 글을 서식합니다. Todo List를 구현해 놓은 전반적인 내용은 없지만, Github를 참조하여 함께 개발해나가길 바랍니다. 🥕 main.dart는 MaterialApp으로 시작해요 🥕 SingleTickerProviderStateMixin TabController를 사용하기 위해선, _Ap..