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

30 Nov 2023

flutter

플러터는 크로스 플랫폼 앱 개발을 위한 프레임워크로, HTTP 요청을 통해 서버로부터 데이터를 가져올 수 있습니다. GET 메소드를 사용하여 사용자 통계 데이터를 가져오는 방법을 알아보겠습니다.

1. HTTP 패키지 추가하기

HTTP 요청을 보내기 위해 http 패키지를 사용해야 합니다. pubspec.yaml 파일에 다음과 같이 http 패키지를 추가하세요:

dependencies:
  http: ^0.13.3

의존성을 추가한 후, 패키지를 가져오기 위해 터미널에서 다음 명령어를 실행하세요:

flutter pub get

2. GET 요청 보내기

이제 http 패키지를 사용하여 GET 요청을 보내는 코드를 작성해보겠습니다. 아래는 사용자 통계 데이터를 가져오는 예제입니다:

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

Future<void> fetchUserData() async {
  var url = Uri.parse('https://api.example.com/userdata');
  
  try {
    var response = await http.get(url);
    
    if (response.statusCode == 200) {
      // 요청이 성공했을 경우
      var userData = response.body;
      // 사용자 통계 데이터를 이용하여 필요한 작업을 수행하세요
      
      print(userData);
    } else {
      // 요청이 실패했을 경우
      print('요청 실패: ${response.statusCode}');
    }
  } catch (e) {
    // 요청이 예외를 발생하는 경우
    print('오류: $e');
  }
}

위 코드에서는 http.get() 메소드를 사용하여 GET 요청을 보냅니다. 이후 응답을 확인하고, 상태 코드에 따라 적절한 작업을 수행합니다.

3. 앱에서 GET 요청 실행하기

마지막으로, 앱에서 GET 요청을 실행해보겠습니다. 예제 코드를 사용하여 앱의 특정 이벤트나 버튼 클릭 시에 fetchUserData() 함수를 호출하여 사용자 통계 데이터를 가져올 수 있습니다.

import 'package:flutter/material.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('플러터 앱'),
        ),
        body: Center(
          child: ElevatedButton(
            child: Text('데이터 가져오기'),
            onPressed: () {
              fetchUserData();
            },
          ),
        ),
      ),
    );
  }
}

void main() {
  runApp(MyApp());
}

앱을 실행하고 ‘데이터 가져오기’ 버튼을 클릭하면, fetchUserData() 함수가 호출되어 사용자 통계 데이터를 가져올 것입니다.

결론

이제 플러터 앱에서 GET 메소드를 사용하여 사용자 통계 데이터를 가져오는 방법을 알게 되었습니다. http 패키지를 사용하여 HTTP 요청을 보내고, 응답을 처리하면서 필요한 작업을 수행할 수 있습니다. 추가적으로 에러 처리와 로딩 상태 관리 등을 고려하여 앱을 완성해보세요!

참고 자료

HTTP 패키지 문서