[flutter] get_it를 사용하여 플러터 앱에서 캘린더와 이벤트 관리를 어떻게 하는가?

30 Nov 2023

flutter

이번에는 Get_it 패키지를 사용하여 플러터 앱에서 캘린더와 이벤트를 관리하는 방법에 대해 살펴보겠습니다. Get_it은 의존성 주입(Dependency Injection)을 간편하게 구현할 수 있도록 도와주는 패키지입니다.

Get_it 패키지 추가하기

먼저, pubspec.yaml 파일에 Get_it 패키지를 추가해야 합니다. 아래와 같이 dependencies 섹션에 Get_it 패키지를 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  get_it: ^6.0.0

그리고 패키지를 적용하기 위해 터미널에서 다음 명령을 실행합니다.

flutter pub get

캘린더와 이벤트 관리 클래스 생성하기

이제 캘린더와 이벤트 관리에 필요한 클래스를 생성해보겠습니다. calendar_service.dart라는 파일을 생성하고 아래의 코드를 작성합니다.

import 'package:get_it/get_it.dart';

class CalendarService {
  void addEvent(String eventName) {
    // 이벤트 추가 로직 구현
    print('이벤트 "$eventName"가 추가되었습니다.');
  }

  void removeEvent(String eventName) {
    // 이벤트 삭제 로직 구현
    print('이벤트 "$eventName"가 삭제되었습니다.');
  }
}

// Get_it 인스턴스 생성
GetIt getIt = GetIt.instance;

void setupServices() {
  // CalendarService 인스턴스 등록
  getIt.registerLazySingleton<CalendarService>(() => CalendarService());
}

위 코드에서 CalendarService 클래스는 이벤트를 추가하고 삭제하는 메소드를 정의하고 있습니다. setupServices 함수는 Get_it 인스턴스를 초기화하고, CalendarService 클래스의 인스턴스를 등록하는 역할을 합니다.

앱에서 Get_it 사용하기

이제 위에서 작성한 CalendarService를 앱에서 사용해보겠습니다. 앱의 진입점인 main.dart 파일을 열고 다음과 같이 코드를 작성합니다.

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

void main() {
  // Get_it 초기화
  setupServices();

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Get_it Example',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  CalendarService calendarService = GetIt.instance<CalendarService>();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Calendar App'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              '이벤트를 추가하거나 삭제해보세요:',
            ),
            RaisedButton(
              onPressed: () {
                calendarService.addEvent('새로운 이벤트');
              },
              child: Text('이벤트 추가'),
            ),
            RaisedButton(
              onPressed: () {
                calendarService.removeEvent('새로운 이벤트');
              },
              child: Text('이벤트 삭제'),
            ),
          ],
        ),
      ),
    );
  }
}

위 코드에서 MyHomePage 위젯에서 Get_it을 사용하여 CalendarService 인스턴스를 가져오고, 이를 이용해 이벤트를 추가하거나 삭제할 수 있도록 구현하였습니다.

이제 앱을 실행하고 “이벤트 추가” 버튼과 “이벤트 삭제” 버튼을 클릭해보세요. 콘솔에 이벤트 추가 및 삭제 메시지가 출력되는 것을 확인할 수 있습니다.

Get_it 패키지를 사용하면 의존성 관리가 간단하게 해결되어 코드의 가독성을 높일 수 있습니다. 이를 통해 플러터 앱에서 캘린더와 이벤트 관리를 효율적으로 구현할 수 있습니다.

더 자세한 내용은 Get_it 패키지의 공식 문서를 참고하시기 바랍니다.