[flutter] 플러터에서 GET 메소드를 사용하여 API 데이터를 가져오는 방법은 무엇인가요?

30 Nov 2023

flutter

소개

Flutter에서는 HTTP 요청을 통해 API 데이터를 가져올 수 있습니다. 이는 GET 메소드를 사용하여 서버로부터 데이터를 요청하고 응답을 받는 과정입니다. 이번 글에서는 Flutter에서 GET 메소드를 사용하여 API 데이터를 가져오는 방법에 대해 알아보겠습니다.

GET 메소드로 API 데이터 가져오기

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

dependencies:
  http: ^0.13.3

http 패키지 import하기: API 데이터를 가져오기 위해 http 패키지를 import 해야 합니다.

import 'package:http/http.dart' as http;

GET 요청 보내기: http.get() 메소드를 사용하여 GET 요청을 보냅니다.

String url = 'https://api.example.com/data';
http.Response response = await http.get(Uri.parse(url));

응답 처리하기: 응답은 http.Response 객체로 반환됩니다. 응답의 상태 코드, 본문 등을 확인할 수 있습니다.

if (response.statusCode == 200) {
  String responseBody = response.body;
  // API 데이터 사용하기
} else {
  // 요청이 실패한 경우
}

JSON 파싱하기: API 응답은 보통 JSON 형식을 가지고 있습니다. 따라서, JSON 데이터를 파싱하여 사용할 수 있습니다.

import 'dart:convert';

if (response.statusCode == 200) {
  String responseBody = response.body;
  Map<String, dynamic> data = json.decode(responseBody);
  // JSON 데이터 사용하기
} else {
  // 요청이 실패한 경우
}

예시 코드

아래는 GET 메소드를 사용하여 API 데이터를 가져오는 예시 코드입니다.

import 'package:http/http.dart' as http;
import 'dart:convert';

void fetchData() async {
  String url = 'https://api.example.com/data';
  http.Response response = await http.get(Uri.parse(url));

  if (response.statusCode == 200) {
    String responseBody = response.body;
    Map<String, dynamic> data = json.decode(responseBody);
    // API 데이터 사용하기
    print(data);
  } else {
    print('Failed to fetch data');
  }
}

이 예시 코드는 http 패키지를 사용하여 GET 요청을 보내고, 응답을 JSON으로 파싱하여 데이터를 사용합니다.

마무리

이번 글에서는 Flutter에서 GET 메소드를 사용하여 API 데이터를 가져오는 방법에 대해 알아보았습니다. http 패키지를 사용하여 GET 요청을 보내고, 응답을 처리하여 API 데이터를 사용할 수 있습니다. GET 메소드 외에도 POST, PUT, DELETE 등 다양한 HTTP 메소드를 사용하여 API와 상호작용할 수 있습니다.

참고 자료:
Flutter HTTP 요청하기