復習!

映画評価を含むカード部分をAjaxと呼びます.

完成本

ポイントは、APIを使用して必要なデータを取得および利用することです.

必要な情報、タイトル、内容、イメージ、コメント、採点!

$.ajax({
            type : "GET",
            url : "url비공개",
            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 class="col">
                                        <div class="card">
                                            <img src="${image}"
                                                 class="card-img-top" alt="...">
                                            <div class="card-body">
                                                <h5 class="card-title">${title}</h5>
                                                <p class="card-text">${desc}</p>
                                                <p>${star_image}</p>
                                                <p class="mycomment">${comment}</p>
                                            </div>
                                        </div>
                                    </div>`

                    $('#cards-box').append(temp_html)

データを入れる場所に${}を入れます.
temp htmlで、`を$('#cards-box')に入れます.append(temp html)に追加!
評価の場合
let star_image = '*'.repeat(star)
反復関数を使用して変数を作成します.
${star image}にします.

に感銘を与える

プロジェクトやスキルを試して学ぶことが多い.
本当かどうかにかかわらず、実際のAPIで何かをして、勉強しながら、大きな助けになるはずです.