[flutter] Firebase Database를 사용한 투표 시스템 구현하기

이번 포스트에서는 Flutter 앱에서 Firebase Database를 사용하여 투표 시스템을 구현하는 방법에 대해 알아보겠습니다.

1. Firebase 프로젝트 설정

먼저 Firebase 프로젝트를 설정해야 합니다. Firebase 콘솔에서 새 프로젝트를 만들고, 해당 프로젝트의 Firebase Database를 활성화해야 합니다. Firebase SDK 설정 파일(json)을 다운로드하여 프로젝트의 android/app 폴더 또는 ios 폴더에 추가하세요.

2. Flutter 앱에 Firebase 추가

Flutter 앱에 Firebase를 추가해야 합니다. pubspec.yaml 파일에 다음 의존성을 추가하세요:

dependencies:
  firebase_core: ^0.5.3
  firebase_database: ^6.1.0

의존성을 추가한 후에는 flutter pub get 명령어를 실행하여 의존성을 설치하세요.

3. Firebase Database에 데이터 저장

Firebase Database에는 투표 항목과 투표 결과를 저장할 수 있는 JSON 형식의 데이터베이스입니다. 투표 항목은 votes 노드 아래에 저장되고, 각 항목은 고유한 키와 함께 저장됩니다. 투표 결과는 results 노드 아래에 저장되며, 각 항목은 투표 항목의 키와 함께 저장됩니다.

Flutter 앱에서 Firebase에 데이터를 저장하려면 다음과 같은 코드를 사용하세요:

import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_database/firebase_database.dart';

void saveVote(String voteKey) async {
  final DatabaseReference database =
      FirebaseDatabase.instance.reference().child('votes');

  await database.push().set({
    'voteKey': voteKey,
  });
}

위의 코드는 votes 노드 아래에 새로운 데이터를 추가합니다. push 메서드를 사용하여 데이터를 추가할 수 있으며, 투표 항목에 해당하는 voteKey 값을 지정하여 저장합니다.

4. Firebase Database에서 데이터 읽기

Firebase Database에서 데이터를 읽으려면 다음과 같은 코드를 사용하세요:

import 'package:firebase_database/firebase_database.dart';

void fetchVotes() {
  final DatabaseReference database =
      FirebaseDatabase.instance.reference().child('votes');

  database.once().then((DataSnapshot snapshot) {
    final Map<dynamic, dynamic> votes = snapshot.value;
    
    // 데이터 처리 로직을 추가하세요
  });
}

위의 코드는 votes 노드에 저장된 모든 데이터를 한 번에 가져옵니다. 가져온 데이터는 snapshot.value를 통해 액세스할 수 있으며, Map 형식으로 반환됩니다.

5. 결과 표시

Firebase Database에서 가져온 데이터를 사용하여 결과를 표시할 수 있습니다. 예를 들어, 투표 항목과 해당 항목의 투표 수를 표시하려면 다음과 같은 코드를 사용하세요:

void displayResults(Map<dynamic, dynamic> votes) {
  votes.forEach((key, value) {
    print('투표 항목: $key');
    print('투표 수: $value');
  });
}

위의 코드는 가져온 데이터를 순회하면서 각 항목과 해당 항목의 투표 수를 출력합니다. 실제로는 이를 화면에 표시하는 방식으로 수정해야 합니다.

마무리

이제 Firebase Database를 사용하여 Flutter 앱에서 투표 시스템을 구현하는 방법에 대해 알아보았습니다. Firebase를 사용하면 데이터를 쉽게 저장하고 읽을 수 있으며, 원활하게 투표 시스템을 구축할 수 있습니다.

더 자세한 정보와 Firebase의 다양한 기능에 대해서는 Firebase 공식 문서를 참조하세요.