220414 - 복습

김정현·2022년 4월 14일
0
  • 로딩 후 바로 실행
$(document).ready(function(){
listing();
});

function listing() {
console.log('화면 로딩 후 잘 실행되었습니다');
}
  • 평점 넣을 때 - let star_image ='⭐'.repeat(star)
<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 comment = rows[i]['comment']
                        let desc = rows[i]['desc']
                        let image = rows[i]['image']
                        let star = rows[i]['star']
                        let title = rows[i]['title']

                        let star_image ='⭐'.repeat(star)

                        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)
                    }
                }
                })

            }
  • 알듯 말듯 알거같은데 모르는거같기도하고 모르는거 같은데 알거같다. 복습을 더 해봐야겠다

0개의 댓글