컬렉션 생성하고 문서 저장하기
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;
import firebase from "firebase/compat/app";
import "firebase/compat/firestore"; // 파이어베이스 데이터베이스
/*** 중략 ***/
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
export const firebaseInstance = firebase;
export const dbService = firebase.firestore(); // 파이어베이스 데이터베이스 exportimport {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() 로 컬렉션에 문서를 생성한다.
Author And Source
이 문제에 관하여(컬렉션 생성하고 문서 저장하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ychxexn/컬렉션-생성하고-문서-저장하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)