잡다한 배똥월드

웹 버전8 - namespaced 방식임을 설명드립니다.

HTML에 추가해야할 스크립트

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

node.js를 쓰는 경우 스크립트 추가 대신 npm 패키지를 써도 괜찮음

npm install firebase@8.10.0 --save

시작하기

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

firebase.initializeApp(firebaseConfig);

const db = firebase.firestore();

이 때 firebaseConfig에는 뭘 넣어야 되냐면

firebase 홈페이지에서 프로젝트를 만들면 왼쪽 상단에 [프로젝트 개요] 옆에 톱니바퀴를 눌러 [프로젝트 설정]에 들어간다

[프로젝트 설정] - [일반] 에서 밑으로 스크롤을 내리면 내앱이 있으며 이것을 생성한다.

앱 닉네임 작성하고 앱 등록

그러면 Firebase SDK 추가라며 이렇게 막 뜨는데 그 중간에 있는 firbaseConfig를 복사한 후 스크립트에 붙여넣고

밑으로 스크롤 내려서 [콘솔로 이동]을 누른다.

이렇게만 하면 Firebase의 firestore를 쓸 수 있다.