<script>
$(document).ready(function(){
$('#cards-box').empty();
listing();
});
function listing() {
console.log('화면 로딩 후 잘 실행되었습니다');
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/post",
data: {},
success: function(response){
console.log(response)
console.log(response['articles'])
let articles = response['articles'];
for (let i = 0; i < articles.length; i++) {
* article 내용(comment, desc, image, title, url)으로 HTML을 만듬
let article = articles[i];
let image = article["image"];
let url = article["url"];
let title = article["title"];
let desc = article["desc"];
let comment = article["comment"];
let temp_html = `<div class="card">
<img class="card-img-top" src="${image}" alt="Card image cap">
<div class="card-body">
<a href="${url}" target="_blank" class="card-title">${title}</a>
<p class="card-text">${desc}</p>
<p class="card-text comment">${comment}</p>
</div>
</div>`;
$('#cards-box').append(temp_html);
}
})
}
</script>