공부 일지/웹 개발

[JavaScript] 파이어베이스 - FireStore 시작하기

배똥회장 2022. 2. 27. 23:22
728x90

웹 버전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를 쓸 수 있다.

 

 

 

728x90