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

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

1번 사진에 제가 빨간 표시 한 곳에 `` 이거면 없어지는거 아닌가요? 왜 오류가 없는거죠?;;

저는 `` 이 표시가 코드를 사 용안한다로 이해하고 있어서 2번 사진처럼 제가 코드를 입력했는데 오류가 나네요..

파란색도 살려져 있는게 뭔가 제가 잘못 이해하고있는것같은데.. 도통 왜 오류가 난 건지 모르겠습니다 알려주세요

1번 사진

2번 사진

2-1 오류 사진

작성한 코드 및 에러 메세지

1번 사진의 코드

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


        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-muted">${date}</small>
                    </div>
                </div>
            </div>`;
        $("#card").append(temp_html);
      });

2번 사진의 코드

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


        let image = row["image"];
        let title = row["title"];
        let content = row["content"];
        let date = row["date"];
        let temp_html = $("#card").append(temp_html);
      });

결과적으로 받아오는것은 성공했지만 이유를 알고 넘어가야 속이 편할 것 같습니다 튜터님들의 고견을 부탁드립니다 ㅠㅠ