[flutter] Firebase Database와 플러터를 이용한 독서 기록 애플리케이션 만들기

30 Nov 2023

flutter

안녕하세요! 오늘은 Firebase Database와 플러터(Flutter)를 이용해 독서 기록 애플리케이션을 만드는 방법에 대해 알아보겠습니다.

Firebase Database란?

Firebase Database는 Google의 클라우드 기반 실시간 데이터베이스로서, 애플리케이션에서 실시간으로 데이터를 저장하고 동기화할 수 있는 기능을 제공합니다. Firebase Database는 NoSQL 데이터베이스로서 복잡한 스키마를 정의할 필요 없이 JSON 구조로 데이터를 저장할 수 있습니다.

독서 기록 애플리케이션 설계

우리가 만들 독서 기록 애플리케이션은 사용자가 책의 제목, 작가, 읽은 날짜 등을 입력하고 저장할 수 있는 기능을 가지고 있습니다. 이러한 독서 기록은 Firebase Database를 통해 실시간으로 저장되고 동기화되는 것이 목표입니다.

Step 1: Firebase 프로젝트 생성 및 Firebase SDK 추가하기

Firebase 프로젝트를 생성하고, 프로젝트의 Firebase SDK를 플러터 프로젝트에 추가해야 합니다. Firebase 프로젝트 생성 및 Firebase SDK 추가 방법은 공식 Firebase 문서를 참고하시면 됩니다.

Step 2: Firebase Database 초기화 및 데이터 읽기/쓰기

Firebase SDK를 플러터 프로젝트에 추가했다면, Firebase Database를 초기화하고 데이터를 읽고 쓸 수 있습니다.

import 'package:firebase_database/firebase_database.dart';

// Firebase Database 초기화
final FirebaseDatabase database = FirebaseDatabase.instance;

// 독서 기록 데이터 저장
void saveBookRecord(String title, String author, String date) {
  DatabaseReference ref = database.reference().child('book_records');
  ref.push().set({
    'title': title,
    'author': author,
    'date': date,
  });
}

// 독서 기록 데이터 읽기
void getBookRecords() {
  DatabaseReference ref = database.reference().child('book_records');
  ref.once().then((DataSnapshot snapshot) {
    Map<dynamic, dynamic> records = snapshot.value;
    records.forEach((key, values) {
      print("${values['title']}, ${values['author']}, ${values['date']}");
    });
  });
}

Step 3: 사용자 인터페이스(UI) 구성 및 Firebase와의 연동

이제 독서 기록 애플리케이션의 사용자 인터페이스를 구성하고 Firebase Database와의 연동을 위한 코드를 작성해야 합니다. 예를 들어, 사용자가 독서 기록을 입력하고 저장하는 화면을 구성하고 Firebase에 데이터를 저장하는 코드를 작성할 수 있습니다.

import 'package:flutter/material.dart';

class BookRecordForm extends StatefulWidget {
  @override
  _BookRecordFormState createState() => _BookRecordFormState();
}

class _BookRecordFormState extends State<BookRecordForm> {
  final _titleController = TextEditingController();
  final _authorController = TextEditingController();
  final _dateController = TextEditingController();

  @override
  void dispose() {
    _titleController.dispose();
    _authorController.dispose();
    _dateController.dispose();
    super.dispose();
  }

  void _saveBookRecord() {
    String title = _titleController.text;
    String author = _authorController.text;
    String date = _dateController.text;

    saveBookRecord(title, author, date);

    _titleController.clear();
    _authorController.clear();
    _dateController.clear();
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        TextFormField(
          controller: _titleController,
          decoration: InputDecoration(labelText: '책 제목'),
        ),
        TextFormField(
          controller: _authorController,
          decoration: InputDecoration(labelText: '작가'),
        ),
        TextFormField(
          controller: _dateController,
          decoration: InputDecoration(labelText: '읽은 날짜'),
        ),
        RaisedButton(
          onPressed: _saveBookRecord,
          child: Text('저장'),
        ),
      ],
    );
  }
}

마무리

위의 단계를 따라가면 Firebase Database와 플러터를 이용해 독서 기록 애플리케이션을 만들 수 있습니다. Firebase Database를 이용하면 실시간으로 데이터를 저장하고 동기화할 수 있어 사용자들과의 상호작용이 원활하게 이루어질 수 있습니다.

더 자세한 내용은 Firebase Database 문서를 참고하시기 바랍니다. 감사합니다!