[flutter] 플러터 프로바이더의 역할

14 Dec 2023

flutter

플러터(Flutter) 앱을 개발하다 보면 상태 관리가 매우 중요합니다. 사용자 인터페이스와 데이터 간의 동기화와 같은 작업을 쉽게 처리하기 위해서 플러터에서는 ‘프로바이더(Provider)’ 패키지를 제공합니다.

프로바이더란 무엇인가요?

프로바이더는 상태 관리 패턴 중의 하나로, 앱의 데이터 모델을 관리하고 변경 사항을 자동으로 추적하여 UI를 업데이트하는 기능을 제공하는 패키지입니다.

프로바이더 패턴의 장점

플러터에서 프로바이더를 사용하는 가장 큰 이점은 중앙 집중식 상태 관리입니다. 앱 데이터의 변화를 추적하고 필요한 UI를 업데이트하기 쉽게 만들어줍니다. 또한, 프로바이더는 많은 상태 변화 관련 코드를 제거하여 코드를 간결하게 만들어줍니다.

프로바이더의 역할

프로바이더의 역할은 크게 모델 클래스, 프로바이더 클래스, 그리고 소비자 클래스로 나눌 수 있습니다.

모델 클래스: 앱의 데이터 모델을 정의합니다.
프로바이더 클래스: 모델 클래스의 데이터를 관리하고 상태 변화를 알리는 역할을 합니다.
소비자 클래스: 프로바이더 클래스에서 제공하는 데이터를 사용하여 UI를 업데이트하는 역할입니다.

예시

다음은 프로바이더 패턴을 사용하여 카운터 앱의 코드입니다.

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => Counter(),
      child: MyApp(),
    ),
  );
}

class Counter with ChangeNotifier {
  int _count = 0;

  int get count => _count;

  void increment() {
    _count++;
    notifyListeners();
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('플러터 프로바이더 예시'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text('클릭 수:'),
              Text(
                '${Provider.of<Counter>(context).count}',
                style: Theme.of(context).textTheme.headline4,
              ),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () => Provider.of<Counter>(context, listen: false).increment(),
          tooltip: '증가',
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}

위 코드 예시에서 ChangeNotifierProvider를 사용하여 Counter 클래스를 프로바이더로 만들고, Provider.of<Counter>(context)를 통해 데이터를 사용합니다.

프로바이더를 사용하면 상태 관리를 효율적으로 할 수 있고, 코드의 가독성을 증가시킬 수 있습니다.

결론

플러터의 프로바이더 패턴은 상태 관리를 효율적으로 처리해주고, 코드를 간결하게 만들어주는 매우 유용한 패키지입니다. 프로바이더를 활용하여 복잡한 앱의 상태 관리를 쉽게 처리할 수 있습니다.

참고: 플러터 공식 문서