[flutter] get_it을 사용한 데이터 시각화

14 Dec 2023

flutter

이번 포스트에서는 Flutter 앱에서 get_it 패키지를 사용하여 데이터 시각화를 구현하는 방법에 대해 살펴보겠습니다.

get_it이란?

get_it은 의존성 관리를 위한 라이브러리로, Flutter 앱에서 서비스를 등록하고 꺼내오는 데 사용됩니다. 이를 통해 필요한 데이터나 기능을 다른 위젯이나 클래스에서 손쉽게 접근할 수 있습니다.

데이터 시각화를 위한 get_it 활용

데이터 시각화를 위해 get_it을 활용하는 간단한 예시를 살펴봅시다. 먼저, 데이터를 관리하는 DataService 클래스를 생성합니다.

import 'package:flutter/material.dart';

class DataService {
  List<double> data = [10, 20, 30, 40, 50];
}

다음으로, 이 DataService를 등록하고 사용할 수 있도록 get_it을 설정합니다.

import 'package:get_it/get_it.dart';
import 'data_service.dart';

GetIt locator = GetIt.instance;

void setupLocator() {
  locator.registerLazySingleton(() => DataService());
}

이제 화면에 데이터를 시각화하고 싶을 때, 다음과 같이 get_it을 사용하여 DataService를 가져와 사용할 수 있습니다.

import 'package:flutter/material.dart';
import 'package:get_it/get_it.dart';
import 'data_service.dart';

GetIt locator = GetIt.instance;

void main() {
  setupLocator();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final dataService = locator<DataService>();
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: dataService.data.map((value) => Text(value.toString())).toList(),
          ),
        ),
      ),
    );
  }
}

이제 DataService의 데이터를 가져와 Column 위젯을 통해 시각화할 수 있습니다.

결론

get_it을 사용하면 Flutter 앱에서 데이터 시각화를 포함한 다양한 기능을 구현할 때, 의존성을 손쉽게 처리할 수 있습니다. 이를 통해 코드의 가독성과 유지보수성을 높일 수 있습니다.

get_it 패키지를 활용하여 데이터 시각화를 구현하는 방법에 대해 간단히 살펴보았습니다. 이를 참고하여 본인의 Flutter 앱에 적용해보시기 바랍니다.

참고자료: get_it 패키지 공식 문서

나.공91.004/7.17/0048682