* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

4-7 하고있는데

데이터가 넣어지는것도 되고 받아지는것도되는데 받아서 넣으려니까 막혔어요

설정을 잘못한것같은데 뭘 수정하면 될까요?

작성한 코드 및 에러 메세지

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

에러메세지

[Error] Fetch API cannot load https://firestore.googleapis.com/google.firestore.v1.Firestore/Write/channel?gsessionid=aOU37ekgdStxseNOKi3tLdbJzbpl7ospF4686txl41E&VER=8&database=projects%2Fsparta-1e178%2Fdatabases%2F(default)&RID=rpc&SID=_8NvSHsw9OiAGF1a8cFgrQ&AID=2&CI=0&TYPE=xmlhttp&zx=obmbdnln63b&t=2 due to access control checks.
	(익명 함수) (firebase-firestore.js:1:32996)
	(익명 함수) (firebase-firestore.js:1:49318)
	Me (firebase-firestore.js:1:20687)
	nr (firebase-firestore.js:1:39647)
	(익명 함수) (firebase-firestore.js:1:51176)
	(익명 함수)
	(익명 함수) (firebase-firestore.js:1:19153)

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!

코드

// 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";
// import { initializeApp } from "firebase/app";
// import { getAnalytics } from "firebase/analytics";


// Firebase 구성 정보 설정
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
    apiKey: "AIzaSyDtDmm6iJf4PIZtpJXfRRd8W-XKjuHxhgA",
    authDomain: "sparta-1e178.firebaseapp.com",
    projectId: "sparta-1e178",
    storageBucket: "sparta-1e178.appspot.com",
    messagingSenderId: "916403747858",
    appId: "1:916403747858:web:0b8f305adc6a5709612ccb",
    measurementId: "G-L8YQRNY77F"
};



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


$("#postingbtn").click(async function () {
    // let doc = {'name': 'bob','age': 30};let image = $('#image').val();
    let title = $('#title').val();
    let content = $('#content').val();
    let date = $('#date').val();


    let doc = {
        'image': image,
        'title': title,
        'content': content,
        'date': date
    }


    await addDoc(collection(db, "albums"), doc);
    alert('저장 완료!');
    window.location.reload();
})




$("#memory_save").click(async function () {
    $('#postingBox').toggle();
})
// function makeCard() {
//     let image = $('#image').val();
//     let title = $('#title').val();
//     let content = $('#content').val();
//     let date = $('#date').val();


//     let temp_html = `
//     <div class="col">
//         <div class="card h-100">
//             <img src="${image}""
//                 class="card-img-top" alt="...">
//             <div class="card-body">
//                 <h5 class="card-title">${title}</h5>
//                 <p class="card-text">${content}</p>
//             </div>
//             <div class="card-footer">
//                 <small class="text-body-secondary">${date}</small>
//             </div>
//         </div>
//     </div>`;
//     $('#card').append(temp_html);


// }
function makeCard() {
let image = row['image']
let title = row['title']
let content = row['content']
let date = row['date']


let temp_html = `
<div class="col">
    <div class="card h-100">
        <img src="${image}""
            class="card-img-top" alt="...">
        <div class="card-body">
            <h5 class="card-title">${title}</h5>
            <p class="card-text">${content}</p>
        </div>
        <div class="card-footer">
            <small class="text-body-secondary">${date}</small>
        </div>
    </div>
</div>`;
$('#card').append(temp_html);
}



let url = "http://spartacodingclub.shop/sparta_api/seoulair";
fetch(url).then(res => res.json()).then(data => {
    let mise = data['RealtimeCityAir']['row'][0]['IDEX_NM'];
    console.log(mise)
    $('#msg').text(mise);
})


let docs = await getDocs(collection(db, "albums"));
docs.forEach((doc) => {
    let row = doc.data();
    console.log(row);
});