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

1. 파이어베이스 버전9 firestore 에서 데이터 가져오는 방법

김갤럭시 2022. 10. 20. 23:41
반응형

 

이제 파이어베이스로 부터 데이터를 가져오는 방법을 배우겠습니다.

버전9로 진행을 하겠습니다.

이전에 시작하는 방법에 대해서 글을 썼습니다.

그 글에서 이어서 강의를 진행 하겠습니다.

 

 

파이어스토어에 들어가서 권한은 모두 접근할 수 있도록 풀어줍니다.

그리고 컬렉션은 blog로 하나 만들어주고 그 안에 임의로 

데이터를 발행합니다.

 

 

임시로 서버를 띄워서 확인을 할 수 있습니다.

콘솔창에서 데이터를 확인하려면 아래의 코드를 작성하면 됩니다.

 

 

// 예전 8버전
const db = firebase.firestore();
db.collection('blog').get().then((결과)=>{
console.log(결과)
})
// 새로운 9버전
<
script type="module">
import { initializeApp } from "https://www.gstatic.com/firebasejs/9.9.4/firebase-app.js";
import {
getFirestore,
collection,
query,
getDocs,
const firebaseConfig = {
 ... 파이어베이스에서 주는 정보...
};
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

const q = query(collection(db, "blog"));
const 결과 = await getDocs(q);
결과.forEach((doc) => {
console.log(doc.data());
});
</script>
 
반응형