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