240710 파이어베이스

🔥 파이어베이스 링크

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 = {
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
  measurementId: ""
};

Firebase 인스턴스 초기화

const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

페이지 새로고침

window.location.reload();

module

<script type="module"> 사용 시 💥onclick 먹통

특정 글자 지정

<p>현재 서울의 미세먼지 : <span>좋음</span></p>
<span>태그 : <p>태그 속 특정 글자 지정