Flutter - Json 데이터 사용하는 방법

Flutter 에서 Json 데이터를 파싱해서 사용하기 위해서는 파싱할 수 있도록 설정 작업을 해야한다.

 

1. pubspec.yaml 에 라이브러리를 추가한다.

라이브러리 추가 방버 : 링크 참조

dependencies:
  # Your other regular dependencies here
  json_annotation: <latest_version>

dev_dependencies:
  # Your other dev_dependencies here
  build_runner: <latest_version>
  json_serializable: <latest_version>

json_serializable 링크

 

 

2. Json 을 받을 수 있는 Object 클래스를 만든다.

@JsonSerializable()
class User {
  User(this.name, this.email);

  String name;
  String email;

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

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

 

3. Json 파싱을 위해서 해당 클래스 위에 다음의 문구를 추가해준다.

part 'user.g.dart';

@JsonSerializable()
class User {
  ...

위의 작업을 통해서 후에 Json 파싱을 할 수 있게 자동으로 클래스를 생성해준다.

 

 

4. Terminal 에서 다음 명령어로 빌드를 해준다.

flutter pub run build_runner build

 

(option) 한방에 flutter 를 깨끗하게 지우고 새로 라이브러리를 내려 받고 빌드하고 이미 새성된 파일은 지우고 다시 생성하도록 돕는 방식

flutter clean && flutter pub get && flutter pub run build_runner build --delete-conflicting-outputs