FireStore를 이용한 DB사용

  • firebase에서 제공하는 관계형 database개념.
  • 하나의 프로젝트 개념인 collection안에 객체 개념의 document가있다.
    document안은 key-value구조로 이루어져있다. 아래와 같은 구조로 이해하자.
collection [
	document{
    	이름 : "부디",
        나이 : 29,
    },
    document{
    	이름 : "홍길동",
        나이 : 31,
    },
]

firestore 사용법(vanilla JS)

0. firestore프로젝트를 생성한다
1. head태그에 script를 가져온다 (9.x.x)버전부터 모듈단위사용

<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-storage.js"></script>

2. firestore프로젝트 설정에서 가져온 config값을 가져온다

const firebaseConfig = {
    apiKey: "xxxxxx",
    authDomain: "xxxxxx",
    projectId: "xxxxxx",
    storageBucket: "xxxxx,
    messagingSenderId: "xxxxxx",
    appId: "xxxxxxx",
    measurementId: "xxxxxxx"
};

firebase.initializeApp(firebaseConfig);

3. db에서 데이터를 가져오는 구문

const db = firebase.firestore();
db.collection('collection명').get().then( (res) => {
    res.forEach( (doc) => {
        console.log( doc.data());
    });
});

4. db에 데이터를 업로드하는 구문

db.collection('collection명').add( {key:value} );

5. db의 데이터를 삭제하는 구문

db.collection('collection명').doc(document의Id값).delete()
//firestore의 key값은 자동생성되는 document의 id를 사용하면 편리하다

좋은 웹페이지 즐겨찾기