GetX: 핵심 개념, Flutter에서의 네비게이션 및 DI

GetX란 무엇인가?

GetX — Flutter용 올인원 마이크로 프레임워크로, 상태 관리, 네비게이션(라우팅) 및 의존성 주입(DI)의 세 가지 주요 개발 작업을 해결합니다. GetX는 Stream, ChangeNotifier, Builders 또는 구독이 필요하지 않습니다 — 모든 반응성은 GetValue와 GetStream을 기반으로 하는 Rx 래퍼에 의해 제공되며, ChangeNotifier보다 수십 배 빠르게 작동합니다.

GetX는 Provider + Navigator + get_it/kiwi 조합의 대안으로 자리잡고 있습니다. 세 가지 다른 패키지를 설치하고 10줄의 구성을 작성하는 대신, GetX는 한 줄로 모든 것을 즉시 제공합니다: GetMaterialApp 대신 MaterialApp 사용. 네비게이션은 Get.to(NextScreen())로 BuildContext 없이 작동하며, DI는 Get.put(Service())로 Provider 트리 없이 작동합니다.

Flutter Community Survey 2025에 따르면 GetX는 Flutter 프로젝트의 43%에서 사용됩니다. 선택하는 주요 이유: 최소 진입 장벽(5분 학습), boilerplate 없음(Provider 또는 BLoC 대비 코드 60-70% 감소), 빠른 MVP 개발. 비평가들은 관심사 분리 원칙 위반과 디버깅 복잡성을 지적합니다.

반응형 상태: Obx와 Rx

Obx — Rx 변수가 변경될 때 재구축되는 반응형 GetX 위젯입니다. Obx는 구독, dispose 또는 Builder 함수가 필요하지 않습니다 — 위젯을 Obx로 감싸고 내부에서 Rx 변수를 사용하기만 하면 됩니다. Obx는 어떤 Rx 변수가 사용되는지 자동으로 추적하고 해당 변수가 변경될 때만 다시 그립니다.

class CounterController extends GetxController {
  final count = 0.obs;
  void increment() => count++;
}

class CounterScreen extends StatelessWidget {
  final controller = Get.put(CounterController());

  @override
  Widget build(context) => Obx(() => Text('${controller.count}'));
}

Rx 변수: .obs — 모든 값을 Rx 객체로 감싸는 getter입니다. GetX는 타입화된 Rx 클래스를 제공합니다: RxInt, RxString, RxDouble, RxBool, RxList, RxMap. 모든 Rx 변수는 일반 프리미티브처럼 동작합니다: count++, name.value = 'Hello', items.add(item). 변경 사항은 자동으로 Obx 구독자에게 알립니다.

GetBuilder — 수동 update() 호출을 통해 작동하는 Rx 없는 Obx의 대안입니다. GetBuilder.filter — ID 키로 대상 업데이트용. Obx가 더 빠르며(자동 의존성 추적), GetBuilder가 더 예측 가능합니다(명시적 업데이트 호출). 간단한 시나리오에는 Obx, 많은 의존성이 있는 복잡한 위젯에는 GetBuilder가 권장됩니다.

GetController와 생명주기

GetxController — 생명주기 지원이 있는 비즈니스 로직용 기본 클래스입니다. GetxController에는 메서드가 있습니다: onInit()(초기화), onReady()(첫 프레임 후), onClose()(리소스 정리). ChangeNotifier 및 StateNotifier와 달리 GetxController는 구독을 자동으로 관리합니다: 페이지가 파괴되면 모든 Rx 변수와 Workers의 구독이 해제됩니다.

class AuthController extends GetxController {
  final user = Rx<User?>(null);
  final isLoading = false.obs;

  @override
  void onInit() {
    ever(isLoading, (_) => print('Loading: $isLoading'));
    super.onInit();
  }

  Future<void> login(String email, String password) async {
    isLoading.value = true;
    user.value = await api.login(email, password);
    isLoading.value = false;
  }
}

Workers — 반응형 GetX 유틸리티: ever(모든 변경 시 호출), once(첫 번째 변경에만), debounce(지연 포함), interval(초당 N회 이하). Workers는 일반적인 작업을 해결합니다: 필드 검증(debounce), 분석(once), 동기화(ever). Workers는 onClose()가 호출되면 자동으로 구독이 해제되어 메모리 누수를 방지합니다.

네비게이션 및 라우팅

GetX 네비게이션은 화면 간 전환을 위해 BuildContext가 필요하지 않습니다. Navigator.push(context, MaterialPageRoute(...)) 대신 Get.to(NextScreen())를 사용합니다 — BuildContext 액세스 없이 Controller를 포함한 어디서든 호출 가능합니다. GetX는 명명된 라우트, 애니메이션, 미들웨어 및 MaterialPageRoute 없는 인수 전달을 지원합니다.

// 표준 네비게이션
Get.to(ProfileScreen());
Get.back();
Get.off(LoginScreen()); // 현재 라우트 교체
Get.offAll(HomeScreen()); // 스택 지우기

// 명명된 라우트
Get.toNamed('/profile', arguments: 'user123');
Get.offNamed('/login');

// 미들웨어
GetPage(
  name: '/profile',
  page: () => ProfileScreen(),
  middlewares: [AuthMiddleware()],
)

GetPage 및 GetPages: GetX는 MaterialApp의 routes 대신 GetPages를 사용합니다. Middleware — 화면 진입 전 인증 확인, 리디렉션, 분석. Transition — 내장 전환 애니메이션: fadeIn, zoom, leftToRight, topToBottom. Bindings — 라우트 진입 시 Controller와 의존성을 초기화하는 클래스입니다. Bindings는 지연 초기화 문제를 해결합니다: Controller는 화면이 열릴 때만 생성됩니다.

GetX로 의존성 주입

Get.put — DI 컨테이너에 인스턴스를 등록합니다. Get.find — 컨테이너에서 인스턴스를 검색합니다. Get.lazyPut — 지연 초기화(첫 번째 find 호출 시 생성). Get.putAsync — 비동기 초기화(init이 있는 서비스용). Get.delete — 컨테이너에서 제거합니다(라우트가 파괴될 때 Bindings에 의해 자동 호출).

GetX DI — Flutter에서 가장 간단한 DI 컨테이너입니다. Provider 트리 없음, Module 없음, Scope 없음. Controller 또는 main.dart에서 Get.put(Repository())를 수행하면 Get.find<Repository>()를 통해 앱 어디서든 객체에 액세스할 수 있습니다. GetX DI는 태깅(tag: 'api') 및 영속성(permanent: true)도 지원하여 삭제를 방지합니다.

GetX: 모범 사례 및 성능

GetX 성능은 Flutter에 최적화된 사용자 정의 Stream 구현인 GetStream을 통해 작동하는 Rx 래퍼를 기반으로 합니다. GetX 벤치마크에 따르면 Rx 변수는 빈번한 업데이트(30+fps)에서 ChangeNotifier보다 2-3배, BLoC보다 5-7배 빠릅니다. GetX는 구독에 BuildContext를 사용하지 않으므로 네비게이션 중 위젯 트리 재구축을 제거합니다.

모범 사례: 많은 자식 요소(목록, 테이블)가 있는 위젯에는 Obx 대신 GetBuilder를 사용하세요. 페이지당 하나의 거대한 Controller 대신 기능 모듈별로 Controller를 분할하세요. Controller 초기화에는 build 메서드에서 Get.put 대신 Bindings를 사용하세요. GetView — Get.find 없이 controller를 통해 Controller에 액세스할 수 있는 단축된 StatelessWidget입니다.

알려진 제한사항: GetX는 전역 변수(Get.find, Get.to)를 사용하므로 테스트가 복잡해질 수 있습니다. GetX를 통한 의존성 모킹은 테스트 간 Get.replace() 또는 Get.reset()이 필요합니다. 격리를 위해 Get.testMode = true가 권장됩니다. GetX는 명확한 계층 경계를 가진 엄격한 아키텍처가 필요한 애플리케이션에는 권장되지 않습니다 — 이 경우 코드 생성이 있는 BLoC 또는 Riverpod가 더 좋습니다.