플러터 GetX에서 코드 제네레이션 상세 완벽 가이드

GetX는 플러터에서 매우 인기 있는 상태 관리 라이브러리입니다. 코드 제네레이션을 활용하면 GetX의 효율성을 더욱 높일 수 있습니다. 이 가이드에서는 GetX에서 코드 제네레이션을 설정하고 사용하는 방법에 대해 자세히 설명하겠습니다.

1. 프로젝트 설정

1.1. 새로운 플러터 프로젝트 생성

먼저 플러터 프로젝트를 생성합니다

flutter create my_getx_project
cd my_getx_project

1.2. GetX 및 코드 제네레이션 패키지 추가

프로젝트의 pubspec.yaml 파일을 열고 다음 패키지를 추가합니다

dependencies:
  flutter:
    sdk: flutter
  get: ^4.6.1

dev_dependencies:
  build_runner: ^2.1.7
  get_cli: ^2.1.3

그런 다음 패키지를 설치합니다

flutter pub get

2. 모델 클래스 생성

2.1. 모델 클래스 생성

lib/models/user.dart 파일을 생성하고 다음 코드를 추가합니다

import 'package:json_annotation/json_annotation.dart';

part 'user.g.dart';

@JsonSerializable()
class User {
  final String id;
  final String name;

  User({required this.id, required this.name});

  factory User.fromJson(Map<String, dynamic> json) => _$UserFromJson(json);

  Map<String, dynamic> toJson() => _$UserToJson(this);
}

2.2. 코드 제네레이션 실행

터미널에서 다음 명령어를 실행하여 코드 제네레이션을 수행합니다

flutter pub run build_runner build

3. 컨트롤러 생성

3.1. 컨트롤러 생성

lib/controllers/user_controller.dart 파일을 생성하고 다음 코드를 추가합니다

import 'package:get/get.dart';
import 'package:my_getx_project/models/user.dart';

class UserController extends GetxController {
  var user = User(id: '1', name: 'John Doe').obs;
}

4. 사용

이제 GetX의 각 기능을 활용하여 앱을 개발할 수 있습니다.

GetX CLI를 사용하여 라우팅, 의존성 주입 등을 쉽게 설정할 수 있습니다.

이것으로 플러터 GetX에서 코드 제네레이션을 설정하는 방법을 알아보았습니다.

이제 GetX의 강력한 기능을 최대한 활용하여 앱을 개발할 수 있습니다!

 

수발가족을 위한 일기장 “나비일기장”

 

https://play.google.com/store/apps/details?id=com.maccrey.navi_diary_release

나비일기장 [수발일기장] - Google Play 앱

 

 

비공개테스트를 위한 20명의 테스터모집 앱 "테스터 쉐어"

 

https://play.google.com/store/apps/details?id=com.maccrey.tester_share_release

Tester Share [테스터쉐어] - Google Play 앱