Bloc

Bloc (Business Logic Component)

Bloc(Business Logic Component)은 Flutter 공식 팀에서 지원하는 강력한 상태관리 라이브러리입니다.

이벤트 기반 상태 관리 방식을 사용하며, 대규모 프로젝트에서 구조적이고 유지보수가 쉬운 코드를 작성하는 데 적합합니다.

Bloc의 핵심 개념

Cubit vs Bloc

•

Cubit: 간단한 상태 관리 (단일 상태 변경)

•

Bloc: 이벤트 기반 상태 관리 (여러 이벤트 처리 가능)

구분	Cubit	Bloc
사용 방식	emit()으로 상태 변경	이벤트 → 상태 변경
코드 복잡도	간단함	다소 복잡
이벤트 처리	없음	있음
성능 최적화	빠름	우수함
추천 용도	간단한 상태 관리	복잡한 상태 로직

Bloc의 주요 기능과 특징

1. 이벤트 기반 상태 관리

•

Bloc을 사용하면 **사용자의 입력(이벤트)**을 받아 새로운 상태로 변경

•

이벤트와 상태가 분리되어 테스트가 용이

2. 고유한 설계 패턴

•

Cubit → 단순한 상태 변경 (emit())

•

Bloc → 이벤트를 받아 상태를 변경 (on<Event>() 사용)

3. 강력한 비동기 처리 지원

•

async*와 Stream을 활용하여 비동기 로직을 쉽게 처리 가능

•

BlocObserver로 전체 상태 변화를 추적 가능

4. 뛰어난 성능 최적화

•

BlocBuilder, BlocListener를 활용하여 불필요한 UI 리빌드 최소화

•

BlocSelector를 사용하여 특정 상태 변경만 감지 가능

Bloc 코드 예제 (Counter 앱 예제)

Cubit 예제 (간단한 상태 관리)

import 'package:flutter_bloc/flutter_bloc.dart';

// Cubit: 단순 상태 관리
class CounterCubit extends Cubit<int> {
  CounterCubit() : super(0);

  void increment() => emit(state + 1);
  void decrement() => emit(state - 1);
}
Dart
복사

// UI에서 사용
BlocBuilder<CounterCubit, int>(
  builder: (context, count) {
    return Text('$count');
  },
);
Dart
복사

Bloc 예제 (이벤트 기반 상태 관리)

import 'package:flutter_bloc/flutter_bloc.dart';

// 이벤트 정의
abstract class CounterEvent {}
class Increment extends CounterEvent {}
class Decrement extends CounterEvent {}

// Bloc 정의
class CounterBloc extends Bloc<CounterEvent, int> {
  CounterBloc() : super(0) {
    on<Increment>((event, emit) => emit(state + 1));
    on<Decrement>((event, emit) => emit(state - 1));
  }
}
Dart
복사

// UI에서 사용
BlocBuilder<CounterBloc, int>(
  builder: (context, count) {
    return Column(
      children: [
        Text('$count'),
        ElevatedButton(
          onPressed: () => context.read<CounterBloc>().add(Increment()),
          child: Text("증가"),
        ),
      ],
    );
  },
);
Dart
복사

Bloc 패턴의 핵심 구성 요소

구성 요소	설명
Bloc	상태를 변경하는 핵심 클래스
Event	사용자 입력을 정의하는 이벤트
State	현재 앱의 상태
BlocBuilder	상태 변경을 감지하여 UI 업데이트
BlocListener	상태 변경 감지 후 특정 로직 실행
BlocProvider	Bloc 인스턴스를 제공하는 위젯

Bloc vs 다른 상태관리 라이브러리 비교

기능	Bloc	Riverpod	GetX	Provider
상태 관리 방식	이벤트 기반	StateNotifier	obs	ChangeNotifier
비동기 지원	우수 (Stream)	우수 (FutureProvider)	간편함	FutureBuilder 필요
의존성 관리 (DI)	RepositoryProvider 사용	ProviderScope 사용	Get.put() 지원	기본 지원 없음
성능 최적화	BlocListener로 최적화	watch() 사용	GetBuilder로 최적화	비교적 낮음
테스트 용이성	매우 우수	우수	다소 부족	우수

결론:

•

대규모 앱에서 Bloc을 사용하면 구조적이고 유지보수하기 쉬움

•

중·소규모 앱이라면 **Riverpod 또는 GetX*가 더 간편

Bloc이 적합한 경우

상황	Bloc 사용 여부
대규모 프로젝트	추천
팀 개발 시 유지보수 용이성 필요	추천
이벤트 기반 로직이 많음	추천
작은 앱, 빠른 개발이 필요	추천 X (GetX가 더 적합)
구조적 패턴 없이 간단한 상태 관리 필요	추천 X (Riverpod, Provider 사용 가능)

결론: 언제 Bloc을 써야 할까?

•

대규모 프로젝트에서 안정적인 상태 관리가 필요할 때

•

이벤트 기반 구조로 상태를 체계적으로 관리하고 싶을 때

•

팀 개발에서 명확한 코드 구조를 유지하고 싶을 때

Bloc은 복잡하지만, 대규모 프로젝트에서는 가장 강력한 상태 관리 라이브러리!