[flutter] Dio를 사용하여 주어진 URL에 요청을 보내고 응답을 받는 방법을 알려주세요.

11 Dec 2023

flutter

Dio는 Flutter 앱에서 HTTP 요청을 보내고 응답을 받기 위한 훌륭한 패키지입니다. 이 블로그 포스트에서는 Dio 패키지를 사용하여 주어진 URL에 GET 요청을 보내고 응답을 받는 방법을 알려 드리겠습니다.

1. Dio 패키지 추가하기

먼저, pubspec.yaml 파일에 Dio 패키지를 추가해야 합니다. 아래의 코드를 dependencies 섹션에 추가합니다.

dependencies:
  dio: ^4.0.0

그런 다음 터미널에서 flutter pub get 명령을 실행하여 패키지를 다운로드합니다.

2. 단일 URL에 GET 요청 보내기

이제 Dio를 사용하여 단일 URL에 GET 요청을 보내는 방법을 알아보겠습니다. 아래의 코드는 Dio를 사용하여 https://api.example.com/data에 GET 요청을 보내는 예제입니다.

import 'package:dio/dio.dart';

void fetchData() async {
  try {
    Response response = await Dio().get('https://api.example.com/data');
    print(response.data);
  } catch (e) {
    print('Error occurred: $e');
  }
}

위의 코드에서 Dio().get 메소드를 사용하여 GET 요청을 보내고, 응답을 response 변수에 저장합니다.

3. 응답 처리하기

응답은 response.data를 통해 접근할 수 있습니다. 이 데이터를 원하는 방식으로 처리할 수 있으며, 예를 들어 UI에 표시하기 위해 상태 관리 프로바이더나 FutureBuilder와 같은 방법을 사용할 수 있습니다.

이제 Dio를 사용하여 HTTP 요청을 보내고 응답을 받는 방법을 알아보았습니다. Dio를 통해 API 요청을 보내고, 받은 데이터를 활용하여 Flutter 앱을 더욱 다양하게 개발할 수 있습니다.

목차

1. Dio 패키지 추가하기

2. 단일 URL에 GET 요청 보내기

3. 응답 처리하기

참고 자료