Dev/Flutter

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

healthyryu 2022. 1. 11. 15:36

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
반응형

'Dev > Flutter' 카테고리의 다른 글

Flutter - TextField  (0) 2022.01.19
Flutter - iOS 앱 업로드 for TestFlight  (0) 2022.01.12
Flutter - Calendar / SfCalendar / Syncfusion / 캘린더  (0) 2022.01.07
Flutter - Enum  (0) 2022.01.04
Flutter - Divider(구분선)  (0) 2021.12.29