컬렉션 생성하고 문서 저장하기

5459 단어 FirebaseReactFirebase

Firebase Database

Firebase 데이터베이스는 NoSQL기반의 데이터베이스다.
NoSQL 데이터베이스는 컬렉션문서라는 체계를 가지고 있다.

컬렉션

폴더의 개념

문서

컬렉션 안에 포함되는 텍스트 파일의 개념

React에서 Firebase Database 사용하기

firebase 설정 파일 수정

import firebase from "firebase/compat/app";
import "firebase/compat/firestore";	// 파이어베이스 데이터베이스

/*** 중략 ***/

// Initialize Firebase
firebase.initializeApp(firebaseConfig);

export const firebaseInstance = firebase;
export const dbService = firebase.firestore();	// 파이어베이스 데이터베이스 export

create

import {dbService} from "fbase";
import {useState} from "react";

class Test = () => {
  
    /*** 중략 ***/

    const onSubmit = async (event) => {
        event.preventDefault();
        await dbService.collection("collection_name").add({
            text : "Hello world!",
            createdAt : Date.now(),
        });
    };

    /*** 중략 ***/

    return (
        <form onSubmit={onSubmit}>
            <input type="submit" value="submit"/>
        </form>
    );
}

export default Home;

dbService.collection("collection_name") 으로 컬렉션을 생성한다.
.add() 로 컬렉션에 문서를 생성한다.

좋은 웹페이지 즐겨찾기