[flutter] 플러터에서 GET 메소드를 사용하여 즐겨찾기한 글 목록을 가져오는 방법은 무엇인가요?

30 Nov 2023

flutter

플러터에서 HTTP 요청을 보내고 GET 메소드를 사용하여 즐겨찾기한 글 목록을 가져오는 방법을 알아보겠습니다.

먼저, http 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일의 dependencies 섹션에 아래 코드를 추가하고 패키지를 가져옵니다.

dependencies:
  http: ^0.13.3

이제 GET 요청을 보낼 함수를 만들어야 합니다. 아래 코드는 GET 요청을 보내고 응답을 처리하는 기본적인 함수입니다.

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

Future<List<dynamic>> fetchBookmarks() async {
  // GET 요청을 보낼 URL
  var url = Uri.parse('https://api.example.com/bookmarks');

  // GET 요청 보내기
  var response = await http.get(url);

  // 응답 상태코드 확인
  if (response.statusCode == 200) {
    // JSON 데이터로 변환하여 반환
    return jsonDecode(response.body);
  } else {
    // 요청 실패 시 예외 발생
    throw Exception('Failed to fetch bookmarks');
  }
}

위의 함수를 호출하여 즐겨찾기한 글 목록을 가져올 수 있습니다. 예를 들어 위의 함수를 호출하는 버튼 이벤트 핸들러를 만들고, 해당 목록을 출력하는 ListView를 만들 수 있습니다.

import 'package:flutter/material.dart';

class BookmarkListPage extends StatefulWidget {
  @override
  _BookmarkListPageState createState() => _BookmarkListPageState();
}

class _BookmarkListPageState extends State<BookmarkListPage> {
  List<dynamic> bookmarks = [];

  @override
  void initState() {
    super.initState();
    fetchBookmarks().then((bookmarks) {
      setState(() {
        this.bookmarks = bookmarks;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('즐겨찾기한 글 목록'),
      ),
      body: ListView.builder(
        itemCount: bookmarks.length,
        itemBuilder: (BuildContext context, int index) {
          return ListTile(
            title: Text(bookmarks[index]['title']),
            subtitle: Text(bookmarks[index]['author']),
          );
        },
      ),
    );
  }
}

위의 예제에서는 fetchBookmarks() 함수를 호출하고 가져온 즐겨찾기한 글 목록을 ListView로 출력하도록 설정했습니다.

이제 GET 메소드를 사용하여 플러터에서 즐겨찾기한 글 목록을 가져오는 방법을 알게 되었습니다. 이를 기반으로 앱에 적용하여 사용자가 즐겨찾기한 글을 손쉽게 확인할 수 있습니다.

참고: