Flutter 10

[Flutter] 플러터 #23 - Provider

Provider는 플러터에서 상태 관리를 쉽게 할 수 있도록 도와주는 라이브러리입니다. 이 라이브러리를 사용하면 앱 전역에서 상태를 공유하고 업데이트할 수 있습니다. 다음은 Provider를 사용하여 간단한 카운터 앱의 상태를 관리하는 예시 코드입니다: import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; class CounterModel with ChangeNotifier { int _count = 0; int get count => _count; void increment() { _count++; notifyListeners(); } } class CounterApp extends StatelessWidget ..

공log/[Flutter] 2023.05.26

[Flutter] 플러터 #22 - ListenProvider

ListenProvider에 대해 알아보겠습니다 ListenProvider는 Flutter의 상태 관리 패키지 중 하나인 Riverpod에서 제공하는 기능입니다. ListenProvider는 다른 Provider를 구독하고 해당 Provider가 변경될 때마다 리스닝하고, 이를 기반으로 상태를 업데이트하는 Provider입니다. 이를 통해 동적인 데이터 의존성을 관리하고 상태 변화에 따라 적절한 액션을 수행할 수 있습니다. 1. 개념: ListenProvider는 다른 Provider의 상태 변화를 감지하여 자동으로 리스닝하고 상태를 업데이트하는 Provider입니다. 다른 Provider의 값을 읽어와 이를 기반으로 새로운 값을 생성하거나 액션을 수행합니다. 다른 Provider와 의존성을 가지며, 해..

공log/[Flutter] 2023.05.26

[Flutter] 플러터 #21 - AutoDisposeModifier

AutoDisposeModifier에 대해서 알아보겠습니다. AutoDisposeModifier는 Riverpod에서 제공하는 기능 중 하나로, Provider가 더 이상 사용되지 않을 때 자동으로 제거되도록 도와줍니다. 이를 통해 메모리 누수와 관련된 문제를 방지하고 애플리케이션의 성능과 안정성을 향상시킬 수 있습니다. AutoDisposeModifier의 개념을 이해하기 위해 Provider의 생명주기를 간략히 살펴보겠습니다. 일반적으로 Provider는 사용자에게 데이터를 제공하고 해당 데이터가 필요하지 않을 때까지 유지됩니다. 그러나 Provider를 사용하는 위젯이 해제되거나 다른 상태로 전환될 때 Provider는 수동으로 제거되어야 합니다. 이러한 수동 제거 과정을 자동으로 처리해주는 것이 ..

공log/[Flutter] 2023.05.26

[Flutter] 플러터 #20 - FamilyModifier

FamilyModifier에 대해 알아보겠습니다. FamilyModifier는 Riverpod에서 제공하는 기능으로, 같은 Provider 유형을 가지면서도 매개변수에 따라 다른 동작을 수행할 수 있도록 해줍니다. 기본적으로 Provider를 생성할 때 고정된 값을 사용하지만, FamilyModifier를 사용하면 매개변수를 추가하여 Provider 내부의 동작을 동적으로 변경할 수 있습니다. FamilyModifier의 개념을 이해하기 위해 예를 들어보겠습니다. 예를 들어, 여러 사용자의 데이터를 가져오는 Provider가 있다고 가정해봅시다. 기존의 Provider를 사용하면 모든 사용자에 대한 데이터를 가져오는 로직이 구현될 것입니다. 하지만 FamilyModifier를 사용하면 사용자의 ID를 매..

카테고리 없음 2023.05.26

[Flutter] 플러터 #19 - StreamProvider

StreamProvider에 대하여 알아보겠습니다. Flutter에서의 상태 관리를 위해 Riverpod 패키지는 StreamProvider를 제공합니다. StreamProvider는 비동기 스트림을 제공하는 Provider입니다. 이를 통해 앱에서 스트림을 손쉽게 구독하고, 스트림의 데이터 변화에 따라 UI를 업데이트할 수 있습니다. StreamProvider의 장점은 다음과 같습니다: 간편한 스트림 관리: StreamProvider를 사용하면 스트림의 상태와 데이터를 편리하게 관리할 수 있습니다. 스트림의 변화를 감지하고, 변화에 따라 UI를 업데이트할 수 있습니다. 데이터 공유: StreamProvider를 통해 한 번의 스트림 생성으로 여러 위젯들과 데이터를 공유할 수 있습니다. 다른 위젯에서 스..

공log/[Flutter] 2023.05.26

[Flutter] 플러터 #18 - FutureProvider

비동기 작업처리후 결과를 공유하는 FutueProvider에 대해 알아보겠습니다. FutureProvider는 Riverpod 패키지에서 제공하는 프로바이더 중 하나로, 비동기 작업을 처리하고 그 결과를 다른 위젯들과 공유하는 데 사용됩니다. 비동기 작업은 시간이 오래 걸리는 네트워크 요청, 파일 로딩, 데이터베이스 조회 등과 같은 작업을 말합니다. FutureProvider는 이러한 비동기 작업을 효율적으로 관리하고, UI에 필요한 데이터를 제공하는 데 도움이 됩니다. FutureProvider의 사용법은 다음과 같습니다: FutureProvider를 생성합니다. 예를 들어, FutureProvider를 생성하여 비동기 작업의 결과로 List 데이터를 제공하는 프로바이더를 생성할 수 있습니다. Futu..

공log/[Flutter] 2023.05.26

[Flutter] 플러터 #17 - Consumer

플러터(Flutter)는 Google에서 개발한 UI 프레임워크로, 크로스 플랫폼 앱 개발을 위해 사용됩니다. 플러터는 위젯(Widget)이라는 작고 재사용 가능한 구성 요소를 사용하여 UI를 구축하고 관리하는데 초점을 두고 있습니다. 플러터에서는 다양한 위젯을 조합하여 사용자 인터페이스를 구성하며, 이 때 ConsumerWidget, ConsumerState, ConsumerStateWidget, ConsumerStatefulWidget와 같은 특별한 위젯들이 유용하게 활용될 수 있습니다. 이번 글에서는 각각의 위젯에 대해 알아보겠습니다. 1. ConsumerWidget ConsumerWidget은 플러터(Riverpod)의 상태 관리를 위한 위젯 중 하나입니다. ConsumerWidget은 상태를 ..

공log/[Flutter] 2023.05.25

[Flutter] 플러터 #16 - StateNotifierProvider

StateNotifierProvider를 사용하여 상태를 관리하는 방법을 알아보겠습니다. StateNotifierProvider는 Riverpod 라이브러리에서 제공하는 상태 관리 프로바이더 중 하나로, 애플리케이션의 상태를 관리하는 데 사용됩니다. 이를 사용하면 상태를 저장하고 업데이트하는 데 사용되는 StateNotifier 클래스와 함께 사용되며, 앱의 상태를 변화시키고 이를 구독하는 위젯들에게 상태 변화를 알리는 역할을 수행합니다. StateNotifierProvider의 역할은 다음과 같습니다: 상태의 제공: StateNotifierProvider는 애플리케이션의 상태를 제공합니다. 상태는 StateNotifier 클래스의 인스턴스를 통해 관리되며, 이를 프로바이더를 통해 위젯 트리에 주입하여 ..

공log/[Flutter] 2023.05.25

[Flutter] 플러터 #15 - StateProvider

상태 관리는 앱 개발에서 중요한 요소 중 하나입니다. Flutter에서는 다양한 상태 관리 패턴과 라이브러리가 제공되는데, 그 중에서도 Riverpod 라이브러리의 StateProvider를 활용하여 효율적으로 상태를 관리할 수 있습니다. 이번 글에서는 StateProvider를 사용하는 예시 코드를 살펴보고, 그 기능과 활용 방법에 대해 알아보겠습니다. 먼저 StateProvider의 역할에 대해 알아보겠습니다. StateProvider의 역할 StateProvider는 Riverpod 라이브러리에서 제공하는 상태 관리 프로바이더 중 하나입니다. 주요 역할은 상태를 저장하고 업데이트하는 것입니다. StateProvider는 값을 제공하고, 해당 값이 변경될 때 위젯을 다시 렌더링하여 UI를 업데이트합니..

공log/[Flutter] 2023.05.25

[Flutter] 플러터 #09 - DropDown Button

플러터에서 dropdown_button2 패키지를 사용하여 드롭다운 버튼을 생성하는 예제 코드입니다. 해당 패키지는 Flutter 버전 2.0 이상을 지원합니다. 먼저, pubspec.yaml 파일에 dropdown_button2 패키지를 추가해야 합니다. 아래와 같이 dependencies 섹션에 패키지를 추가합니다. dependencies: flutter: sdk: flutter dropdown_button2: ^2.1.3 그리고 나서 flutter pub get 명령을 실행하여 패키지를 다운로드하고 프로젝트에 적용합니다. 아래는 드롭다운 버튼을 사용하는 예제입니다. import 'package:flutter/material.dart'; import 'package:dropdown_button2/dr..

공log/[Flutter] 2023.05.24
728x90