프로그래밍 스터디( 공부노트 )/파이어베이스

Firestore 데이터베이스에 정보 저장하는 방법

김갤럭시 2021. 11. 5. 15:10
반응형

 

파이어베이스 파이어스토어(firestore)에 데이터를 저장하는 방법에 대해 알아봅니다.

 

 

만약 blog 라는 컬렉션을 만들고 문서(도큐먼트) 이름은 content1로 하고싶다면

1. 기본적으로 저장하는 방법은 아래와 같습니다.

const db = firebase.firestore();
      db.collection('blog').doc('content1').set( {
        title : '첫번째 블로그 글',
        user : userInfo,
        content : '블로그의 글 ~~~~',
        date : new Date(),
      } )

내용은 객체의 형태로 저장하면 저장하면 됩니다.

 

 

2. 만약 문서(document) 이름을 따로 저장하기가 귀찮으면, 자동으로 부여되게 할 수 있습니다.

const db = firebase.firestore();
      db.collection('blog').add( {
        title : '첫번째 블로그 글',
        user : userInfo,
        content : '블로그의 글 ~~~~',
        date : new Date(),
      } )

즉 collection(). doc(). set() 이 아니라 collection(). add() 를 바로 해버리면 되는 것입니다.

 

 

Cloud Firestore

 

 

그렇다면... html에서 입력한 정보가 파이어베이스에 넘어가게 하려고 한다면

어떻게 할 수 있을까요??

 

 

1. html 에 입력된 정보를 javascript로 불러옵니다.

2. 그 정보들은 const를 선언해서 변수로 담아줍니다.

3. 그리고 그 변수를 add( 변수 )  >> 이렇게 넣어주면 됩니다.

4. 단 3번의 코드는 html에서 클릭이 발생했을 경우에만 발생하도록 코드를 짜면 됩니다.

 

그러면 html에 입력한 정보를 파이어스토어에 넣을 수 있습니다.

 

 

반응형