[flutter] 플러터에서 GET 메소드를 사용하여 여행 도시의 관광지 정보를 가져오는 방법은 무엇인가요?

30 Nov 2023

flutter

플러터는 다양한 패키지를 제공하여 HTTP 요청을 처리하고 JSON 데이터를 가져올 수 있습니다. GET 메소드를 사용하여 웹 API에서 여행 도시의 관광지 정보를 가져오는 방법에 대해 알아보겠습니다.

1. 필요한 패키지 가져오기

먼저, HTTP 요청을 처리하기 위해 http 패키지를 추가해야 합니다. pubspec.yaml 파일에서 아래 코드를 추가해주고, 패키지를 불러옵니다.

dependencies:
  http: ^0.13.3

2. GET 요청 보내기

http 패키지를 사용하여 GET 요청을 보낼 수 있습니다. 예를 들어, OpenAPI에서 여행 도시의 관광지 정보를 가져오는 경우 다음과 같이 요청을 보낼 수 있습니다.

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

Future<void> fetchTouristSpots() async {
  var url = Uri.parse('https://api.example.com/tourist-spots');

  var response = await http.get(url);

  if (response.statusCode == 200) {
    // 요청이 성공하면 JSON 데이터를 가져옵니다.
    var jsonData = jsonDecode(response.body);

    // 데이터를 처리하는 로직을 작성합니다.
    // 예시) 관광지 정보를 출력하는 등
  }
}

3. JSON 데이터 처리

GET 요청을 통해 받아온 JSON 데이터를 처리할 때는 dart:convert 패키지의 jsonDecode 함수를 사용하여 JSON 문자열을 Dart 객체로 변환할 수 있습니다. 변환한 데이터를 활용하여 여행 도시의 관광지 정보를 화면에 표시하거나 다른 로직을 구현할 수 있습니다.

import 'dart:convert';

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

Future<void> fetchTouristSpots() async {
  var url = Uri.parse('https://api.example.com/tourist-spots');

  var response = await http.get(url);

  if (response.statusCode == 200) {
    var jsonData = jsonDecode(response.body);

    // 데이터를 처리하는 로직을 작성합니다.
    // 예시) 관광지 정보를 출력하는 등
    for (var spot in jsonData['spots']) {
      print(spot['name']);
    }
  }
}

위의 예제에서는 jsonData['spots']와 같이 JSON 데이터의 특정 필드에 접근하여 관광지의 이름을 출력하는 방식으로 데이터를 처리하였습니다.

1. 필요한 패키지 가져오기

2. GET 요청 보내기

3. JSON 데이터 처리

참고 자료