A to Z 웹기초 Firebase설정

firebase홈피에서 데이베이스 생성후

규칙에서 이부분을 true로 바꿔준다.

이후 html코드창에서 <script>에 <script type="module">로 바꿔준다.

그리고 <script></script>안에 firebase세팅코드인 ↓ 넣어준다
--------------------------------------------------------------------------------------------------------------------

// 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 구성 정보 설정
const firebaseConfig = {
본인 설정 내용 채우기
};

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