Flutter - 6.2 Data Fetching

일단 ./services/api_service.dart
를 만들자.

그리고, http 패키지를 사용해야 한다.

https://pub.dev/

The official repository for Dart and Flutter packages.

이 링크에서 dart 패키지를 검색할 수 있다. http를 검색해서 적절한 버전을 찾아보자.
그 후에 pubsec.yaml 파일에 들어가서 dependencies 밑에다가 두면 된다. 이렇게.

dependencies:

  flutter:

    sdk: flutter

  http: ^1.2.2

그냥 저장하면 알아서 다운로드 하더라.(개편함.)

그냥 바로 코드로 들어가보자.

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

class ApiService {

  final String baseUrl = "https://webtoon-crawler.nomadcoders.workers.dev";

  final String today = "today";

  void getTodaysToons() async {

    final url = Uri.parse('$baseUrl/$today');

    final response = await http.get(url);

 

    if (response.statusCode == 200) {

      print(response.body);

      return;

    }

    throw Error();

  }

}

http에 'http'라고 namespace를 부여해서 http.get(url)이런식으로 사용하게 했다. 만약 namespace를 부여하지 않으면 그냥 get(url)이렇게 하면 된다. 너무 broad해서 이렇게 한다고 한다.

교육용으로 직접 api를 만들어서 수업용으로 쓰다니...

저렇게 api에서 데이터를 가져온다고 그냥 알면된다. 딱히 이해하거나 그럴 필요 없다.
단, url에서 데이터를 받고 코드가 진행되어야 하므로 await을 이용한다.
이용하지 않으면 그냥 실행만 하고 데이터를 받던지 말던지 상관 안하고 코드가 쭉 진행된다.
이때, 함수에 async을 붙여야 한다.
이것을 async programming 이라고 한다.

http.get에 대해서 알아보면...

Future<Response> get(Uri url, {Map<String, String>? headers})

Future<Response> 이라고 되어 있다. 이것이 미래에 Response를 받아온다는 의미다.
보통 Future로 되어 있는거에 await을 사용한다고 생각하면 된다.

statusCode가 200이면 성공적으로 수신했다는 얘기다.
throw Error();를 이용해서 나머지의 경우 에러를 출력하라는 의미다.

여기에서는 임시적으로 작동하는지 확인하기 위해 그냥 print를 사용하였다.

void main() {

  // 정상작동 하는지 확인

  ApiService().getTodaysToons();

  runApp(const App());

}

이렇게만 하고 Restart를 하면....
끝!