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

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

console창에 오류는 안나오는데요 , 변화가 없습니다.

이렇게 나와야하는데요

전에도 이 화면이였는데 코드를 입력해도 변화가 없습니다.

작성한 코드 및 에러 메세지

<script>
    $(document).ready(function () {
        listing();
    });
    function listing() {
          $('#cards-box').empty()
        $.ajax({
            type: "GET",
            url: "http://spartacodingclub.shop/web/api/movie",
            data: {},
            success: function (response) {
                let rows = response['movies']
                for (let i = 0; i < rows.length; i++) {
                    let title = rows[i]['title']
                    let desc = rows[i]['desc']
                    let image = rows[i]['image']
                    let star = rows[i]['star']
                    let comment = rows[i]['comment']

                    let temp_html =
                        `<div className="col">
                            <div className="card">
                                <img
                                    src="${image}"
                                    className="card-img-top" alt="...">
                                    <div className="card-body">
                                        <h5 className="card-title">${title}</h5>
                                        <p className="card text">${desc}</p>
                                        <p>⭐⭐⭐</p>
                                        <p className="mycomment">${comment}</p>
                                    </div>
                            </div>
                        </div>`
                    $('#cards-box').append(temp_html)
                }
                }

                })
                }
                function open_box() {
                    $('#post-box').show()
    }
    function close_box() {
      $('#post-box').hide()
    }
    </script>