[Flutter] 상태관리 패키지

패키지를(글로벌 상태 관리 툴) 사용해 상태 관리하는 방법에 대해 알아보자!상태 = 데이터 상태 관리를 한다 👉 Stateful Widget을 사용하는 것도 상태 관리를 하는 것!하지만, 그냥 SetState로만 쓰면 많은 단점이 존재한다. 그래서 Provider,

상태 관리란? 앱이 실행되는 동안 앱 내에서 다양하게 존재하는 상태들을 관리하며, 개발하는 것을 의미함. 상태 관리가 필요한 이유는? ① 동적인 앱 구현② 복잡한 UI 구현③ 코드의 가독성 & 유지보수성④ 성능 최적화⑤ 앱의 확장성Flutter는 선언형이다. 즉,

setState애 대해 이야기하기 전, StatefulWidget 먼저 알고 가자!StatefulWidget은 변경될 수 있는 상태를 가지고 있는 위젯이다.여기서 상태란? 위젯이 빌드되는 동시에 읽을 수 있으며, 위젯의 생명 주기동안 변경할 수 있는 정보를 의미한다.

Flutter를 통해 개발하다보면 상태(State) 관리가 매우 중요하다는 것을 느낄 수 있음!여기서 상태(State)란?1)위젯이 빌드되는 동시에 읽을 수 있고, 2)위젯의 생명 주기동안 변경할 수 있는 정보를 말함.(보통 사용자와 어플의 상호작용에 의해 변화하는 데

가장 기본이되는 provider인 state를 사용해보자. ① 새 프로젝트를 만든다. 그리고 사진과 같이 lib 아래 새 폴더와 파일을 만들어준다. ② defalut_layout.dart 코드를 작성한다 defalut_layout.dart 코드 ③ scree

① DOWN ElevatedButton 추가하기 ② .update 지우고 state를 직접적으로 바꾸기 이렇게 하면 ref.read(numberProvider.notifier).state 여기에 + 1 해주는 거랑 똑같은 게 된다. 그런데 그 값을 state에다가

StateNotifierProvider는 자주 사용되는 Provider 중 하나로 잘 알고 넘어가자!!!① ilb/model/shopping_item_model.dart 폴더 및 파일 생성 StateNotifierProvider에 넣어줄 모델을 작성할 폴더, 파일 만들

① screen/future_provider_screen.dart 파일 생성하기 ② HomeScreen에 FutureProviderScreen 등록그러면 홈스크린 화면에서 FutureProviderScreen 버튼이 추가된 걸 확인할 수 있다.③ FutureProvid

① screen/stream_provider_screen.dart 파일 생성② HomeScreen에 ElevatedButton 추가하기③ provider 만들기riverpod/stream_provider.dart 파일 생성하기 ③-1. 반환해 줄 제너릭 넣어주기난 Li

이번엔 Modifier에 대해서 알아보자!Modifier는 대표적으로 Family Modifier, AutoDispose Modifier가 있다.그리고 이 두가지는 어떤 provider든 다 똑같이 사용할 수 있다.한 번 확인해보자!!! 먼저 Family Modifie

FamilyModifier에 이어서 남은 AutoDisposeModifier에 대해서도 알아보자! 👉 자동으로 삭제를 한다, 캐시를 삭제한다, 처음부터 다시 생성한다는 뜻!그래서 필요없을 땐 삭제하고, 필요할 때 다시 생성함.사용하지 않을 땐 데이터가 삭제되어야 하는

무언가 값이 변경됐는데 그 변경된 값에 의해 어떤 함수를 실행하고 싶을 때 listen을 실행하게 된다. Provider를 쓰면서 listen을 쓸 수 있는데 좀 특이하게 쓴다! 지금까지 써봤던 listen들은 initState( ) 내에서 보통 사용했는데, Rive

이번엔 특정 속성이 변경됐을 때만 build를 재실행하는 listen을 하든 watch를 하든 반응을 하는 기능을 사용해보자! ① screen/select_provider_screen.dart 파일 생성 ② ElevatedButton 추가하기 HomeScreen으로 가

Riverpod의 꽃이라고 할 수 있는 Provider안에 Provider 사용하기를 해보자! Provider 안에서 여러 개의 Provider를 watch, listen 하는 방법은매우 중요하니깐 꼭 숙지하자...! ① screen/provider_screen.dar

로깅 용도로 자주 쓰이는 ProviderObserver에 대해 알아보자.① observers 추가하기 main으로 가서 ProviderScope 안에 observers 추가하기 ProviderScope 안에 Observer라는 걸 집어 넣을 수 있음 Provider

Provider 가장 기본이 되는 Provider로 단순히 값을 읽을 수만 있다. StateProvider StateNotifierProvider보다 단순한 상태 관리를 한다. StateNotifierProvider 상태를 알려주는 StateNotifier의 상태