[TIL]FireBase Firestore & iframe

코드 완성 후 iframe 내에서 Firestore 데이터를 불러오는 기능을 구현중 오류 발생

1. 버튼을 통해 페이지 전환을 진행하면 정상 작동
2. 가로 스와이프로 페이지를 넘길경우 정상 작동 X

• Firestore 초기화 코드가 스와이프 시 실행되지 않음.
• 버튼을 눌러 페이지로 이동하면 slide4.js가 새로 실행
• 스와이프 방식은 iframe 내의 콘텐츠를 동적으로 변경하는 방식으로 스크립트가 다시 실행되지 않음.

---

1. Firebase SDK를 불러오고 Firestore 초기화

   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";
   

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

//firebase 초기화
const app = initializeApp(firebaseConfig);
window.db = getFirestore(app);
console.log("초기화 진행", window.db);

---------------
2. iframe 내에서 Firestore 객체를 가져오기

if (window.parent.db) {
db = window.parent.db;
console.log(db);
}

window.parent.db가 undefined로 출력되는 문제

Main.html에서 초기화 된 Firestore 객체가 iframe을 통해 slide4.html로 전달 X

_2번 문제를 해결하지 못해 계속 헤매고 있는중..._

-------------------