본문 바로가기

Web development

fetch / 포스트 리스팅 API 붙이기 / 별 붙이기

fetch("http://spartacodingclub.shop/web/api/movie").then(res => res.json()).then(data => {
                let rows = data['movies']
                $('#cards').empty()
                rows.forEach((a) => {
                    let title = a['title']
                    let desc = a['desc']
                    let comment = a['commene']
                    let star = a['star']
                    let image = a['image']

                    let star_image = '⭐'.repeat(star)

                    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">${desc}</p>
                                                <p>${star_image}</p>
                                                <p class="mycomment">${comment}</p>
                                            </div>
                                        </div>
                                    </div>`
                    $('#cards').append(temp_html)                
                })  
            })

'Web development' 카테고리의 다른 글

VS Code(Visual Studio Code)  (0) 2023.07.08
웹(web) 개발  (0) 2023.07.08
Github 업로드 일부 적용 오류  (0) 2023.07.01
Fetch 반복문 조건문  (0) 2023.07.01
console.log(변수) [자료형:리스트]  (0) 2023.06.30