소개

이번에는 Flutter와 Riverpod을 사용하여 바이러스 감염 현황을 조회할 수 있는 앱을 만들어보겠습니다.

Riverpod이란?

Riverpod은 Flutter 앱의 상태 관리를 위한 강력한 라이브러리로, Provider를 대체하기 위해 만들어졌습니다.

앱 디자인

우리의 앱은 다음과 같은 기능을 갖추고 있을 것입니다.

1. 대시보드 화면: 전세계 바이러스 감염 현황을 그래픽으로 보여줌
2. 국가별 화면: 특정 국가의 바이러스 감염 현황을 조회할 수 있는 화면
3. 설정 화면: 사용자가 원하는 옵션을 설정할 수 있는 화면

프로젝트 설정

Riverpod을 Flutter 프로젝트에 추가하기 위해 pubspec.yaml 파일에 다음과 같이 의존성을 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  riverpod: ^1.0.3

그리고 pub get 명령어를 실행하여 의존성을 설치합니다.

대시보드 화면

대시보드 화면에서는 전세계 바이러스 감염 현황을 그래픽으로 표시합니다. 이를 위해 실시간 데이터를 가져오기 위한 외부 API를 사용합니다.

// 예시: 외부 API로부터 데이터 가져오기
Future<Map<String, dynamic>> fetchData() async {
  final response = await http.get('https://api.example.com/data');
  if (response.statusCode == 200) {
    return json.decode(response.body);
  } else {
    throw Exception('Failed to load data');
  }
}

국가별 화면

국가별 화면에서는 특정 국가의 바이러스 감염 현황을 조회할 수 있습니다. 사용자가 국가를 선택하면 해당 국가의 데이터를 가져와 화면에 표시합니다.

설정 화면

설정 화면에서는 사용자가 원하는 옵션을 설정할 수 있습니다. 예를 들어, 알림 설정, 데이터 업데이트 주기 설정 등의 기능이 있을 수 있습니다.

마치며

Riverpod을 사용하여 Flutter로 바이러스 감염 현황 조회 앱을 만들어보았습니다. 이 블로그 포스트를 통해 Riverpod에 대한 이해도를 높이고, 앱 개발에 활용할 수 있는 기초를 쌓을 수 있었기를 바랍니다.