$('#cards-box').append(temp.html) 를 입력한 후 enter를 누르면 아래와 같이 에러메시지가 뜹니다.

VM874:1 Uncaught ReferenceError: temp is not defined

  at <anonymous>:1:24

보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 상황을 이해할 수 있어요.

let temp_html = `<button>나는 버튼이다</button>`

undefined

let temp_html = `<div id=cards-box class="row row-cols-1 row-cols-md-4 g-4">

      <div class="col">

        <div class="card">

          <img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"

             class="card-img-top" alt="...">

          <div class="card-body">

            <h5 class="card-title">여기에 제목이 들어갑니다.</h5>

            <p class="card-text">여기에 내용이 들어가지요.</p>

            <p>⭐⭐⭐</p>

            <P class="mycomment">여기에 코멘트가 들어갑니다.</P>

          </div>

        </div>

      </div>

      <div class="col">

        <div class="card">

          <img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"

             class="card-img-top" alt="...">

          <div class="card-body">

            <h5 class="card-title">여기에 제목이 들어갑니다.</h5>

            <p class="card-text">여기에 내용이 들어가지요.</p>

            <p>⭐⭐⭐</p>

            <P class="mycomment">여기에 코멘트가 들어갑니다.</P>

          </div>

        </div>

      </div>

      <div class="col">

        <div class="card">

          <img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"

             class="card-img-top" alt="...">

          <div class="card-body">

            <h5 class="card-title">여기에 제목이 들어갑니다.</h5>

            <p class="card-text">여기에 내용이 들어가지요.</p>

            <p>⭐⭐⭐</p>

            <P class="mycomment">여기에 코멘트가 들어갑니다.</P>

          </div>

        </div>

      </div>

      <div class="col">

        <div class="card">

          <img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"

             class="card-img-top" alt="...">

          <div class="card-body">

            <h5 class="card-title">여기에 제목이 들어갑니다.</h5>

            <p class="card-text">여기에 내용이 들어가지요.</p>

            <p>⭐⭐⭐</p>

            <P class="mycomment">여기에 코멘트가 들어갑니다.</P>

          </div>

        </div>

      </div>

    </div>`

undefined

$('#cards-box').append(temp.html)

VM874:1 Uncaught ReferenceError: temp is not defined

  at <anonymous>:1:24