[flutter] 플러터 훅 위젯과 다른 개발 패러다임 비교

21 Dec 2023

flutter

플러터(Flutter)는 선언형 사용자 인터페이스(UI)를 만들 수 있는 고급 프레임워크로, 위젯을 조합해서 UI를 작성합니다. 하지만 최근에는 훅 스타일의 위젯을 사용하여 상태를 관리하고, 더욱 선언적으로 코드를 작성할 수 있는 방법을 제공합니다. 이번 글에서는 플러터의 훅 위젯과 다른 개발 패러다임에 대해 비교해보겠습니다.

플러터 훅 위젯

훅(Hook)은 함수형 컴포넌트로 상태 관리를 할 수 있도록 도와주는 패턴입니다. 플러터 훅 위젯은 함수형 위젯에 푹 빠져있기 때문에 선언적 상태 관리를 지원합니다. 또한, 훅을 이용하면 상태를 여러 함수에 걸쳐 재사용할 수 있어 코드의 중복을 줄일 수 있습니다.

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

void main() => runApp(MyApp());

class MyApp extends HookWidget {
  @override
  Widget build(BuildContext context) {
    final count = useState(0);

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('플러터 훅 위젯'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text('버튼을 누른 횟수:'),
              Text(
                '${count.value}',
                style: Theme.of(context).textTheme.headline4,
              ),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () => count.value++,
          tooltip: '증가',
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}

다른 개발 패러다임

플러터의 훅 위젯과 비교하기 위해, 예를 들어 상태 관리 라이브러리인 provider나 bloc을 사용하는 방법을 생각해볼 수 있습니다. provider는 의존성 주입과 같이 복잡한 응용프로그램 상태를 관리하는 데 사용되며, Bloc은 이벤트와 상태를 이용하여 비즈니스 로직을 처리하고 상태를 업데이트하는 방법입니다.

결론

플러터의 훅 위젯은 더욱 선언적인 방식으로 코드를 작성할 수 있게 도와주며, 상태를 효율적으로 관리할 수 있는 장점이 있습니다. 그러나 다른 개발 패러다임과 비교해 어떤 상황에서 어떤 방법이 더 적합한지를 고려하여 적절히 선택하는 것이 중요합니다.

이상으로 플러터의 훅 위젯과 다른 개발 패러다임에 대해 알아보았습니다. 감사합니다.

Flutter Hooks 문서
Provider 패키지 문서
Bloc 패키지 문서