반응형
파이어베이스 파이어스토어(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() 를 바로 해버리면 되는 것입니다.
그렇다면... html에서 입력한 정보가 파이어베이스에 넘어가게 하려고 한다면
어떻게 할 수 있을까요??
1. html 에 입력된 정보를 javascript로 불러옵니다.
2. 그 정보들은 const를 선언해서 변수로 담아줍니다.
3. 그리고 그 변수를 add( 변수 ) >> 이렇게 넣어주면 됩니다.
4. 단 3번의 코드는 html에서 클릭이 발생했을 경우에만 발생하도록 코드를 짜면 됩니다.
그러면 html에 입력한 정보를 파이어스토어에 넣을 수 있습니다.
반응형
'프로그래밍 스터디( 공부노트 ) > 파이어베이스' 카테고리의 다른 글
파이어베이스 - 버전9 ( Firebase v9 ) : 시작하기 (0) | 2022.08.20 |
---|---|
파이어베이스에 글과 이미지 업로드 하기 - Firebase Storage (2) | 2021.11.05 |
Firestore 데이터 화면에 뿌려주기 - html 에 정보 넣기 (0) | 2021.11.05 |
파이어베이스 Firestore Database - 데이터 가져오기 (4) | 2021.11.05 |
파이어베이스 쉽게 시작하는 방법 - 버전 8 (0) | 2021.11.05 |