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

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

앨범 사이트에서 선생님이 addDoc 할때 코드에는 try 라는게 없었는데 food html 에는 있네요?

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

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

let title = (이하생략)

let content = 

let date = 

let doc = {

'image':image,

'title':title,

'comment':comment};

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

이건데 같은 부분의 5주차 숙제인 food html 코드는

 // 데이터 추가

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

            let title = doc.data().title;

            let comment = doc.data().comment;

            let star = "⭐".repeat(doc.data().star);

            let image = doc.data().image;

            try {

                const docRef = await addDoc(collection(db, "foods"), {

                    // 각각 담은 변수를 컬렉션 필드에 title, comment, image에 각각 넣어주세요.

                    'title':title,

                    'comment':comment,

                    'image':image

                });

                alert("음식이 추가 되었습니다!");

                window.location.reload();

            } catch (e) {

                console.error("Error adding document: ", e);

            }

        });

이렇게 되어있어요. 왜 중간에 try라는 코드가 들어간건가요? 그리고 컬렉션 필드에 title, comment, image에 각각 넣는다는 게 저런식으로 수행하면 되는 거 맞을까요?