Firebase 사용법

Firebase를 사용법을 알아보기

1. Firebase 사이트 접속

https://firebase.google.com/?hl=ko

2. 접속 후 우측 상단 Go to console 클릭 + 프로젝트 만들기

3. 프로젝트 만든 후 웹 선택

4. 웹 앱에 Firebase 추가

Firebase 추가시 제공되는 SDK를 복사하여 html 파일의 스크립트 태그에 붙여넣기

• Firebase 초기 세팅

// 	script태그에 type="module" 작성
<script type="module">

        // ------- Firebase 기본 세팅 시작 -> script에 type="module"까지 포함.

        // Firebase SDK 라이브러리 가져오기
        import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js";
        import { getFirestore } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";
        import { collection, addDoc } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";
        import { getDocs } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";


        // Firebase 구성 정보 설정
        // For Firebase JS SDK v7.20.0 and later, measurementId is optional
        const firebaseConfig = {
            apiKey: "",
            authDomain: "",
            projectId: "",
            storageBucket: "",
            messagingSenderId: "",
            appId: "",
            measurementId: ""
        };


        // Firebase 인스턴스 초기화
        const app = initializeApp(firebaseConfig);
        const db = getFirestore(app);

        // ------- Firebase 기본 세팅 종료

</script>

상단처럼 기본 세팅을 하면 아주 쉽고 빠르게 Firebase를 사용할 수 있다.👍