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

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

제가 정말 가르쳐주신 데로 수정했다고 생각하는데 firestore database에 저장이 안되서 곤란한데 한번 확인 해주실 수 있으실까요?

작성한 코드 및 에러 메세지

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

        // For Firebase JS SDK v7.20.0 and later, measurementId is optional

        const firebaseConfig = {

            apiKey: "AIzaSyDXEuNfD3-uD8qyUZtdAjHTSHp_V6g27ww",

            authDomain: "sparta-68395.firebaseapp.com",

            projectId: "sparta-68395",

            storageBucket: "sparta-68395.appspot.com",

            messagingSenderId: "691555136846",

            appId: "1:691555136846:web:d0668e8c9b37fb1f721a1f",

            measurementId: "G-1JE3CVX80Y"

        };

        // Firebase 인스턴스 초기화

        const app = initializeApp(firebaseConfig);

        const db = getFirestore(app);

        $("#addBtn").click(async function () {

            let image = $('#image').val();

            let title = $('#title').val();

            let star = $('#star').val();

            let comment = $('#comment').val();

            let doc = {

                'image': image,

                'title': title,

                'star': star,

                'comment': comment

            };

            await addDoc(collection(db, "foods"), doc);

            alert('저장 완료!');

            window.location.reload();

        })

        let docs = await getDocs(collection(db, "foods"));

        docs.forEach((doc) => {

            let row = doc.data();

            let image = row['image'];

            let title = row['title'];

            let comment = row['comment'];

            let star = row['star'];

            let temp_thml = `<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">${star}</p>

                        <p class="card-text">${comment}</p>

                    </div>

                </div>

            </div>`

            $('#card').append(temp_thml);

        });

    </script>