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

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

왜 3주차 Fetch cards 실습이 안될까요?ㅠㅠ

작성한 코드 및 에러 메세지

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 <script>

// ⭐️$(document).ready(function () 는 무언가를 클릭할 필요 없이 자동으로 실행되라는 의미⭐️

$(document).ready(function () {

fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then(res => res.json()).then(data => {

console.log(data['temp'])

$('#temp').empty()

let temp = data['temp']

let temp_html = `${temp}`

$('#temp').append(temp_html)

})

fetch("http://spartacodingclub.shop/web/api/movie").then(res => res.json()).then(data => {

let rows = data['movies']

rows.forEach((a) => {

console.log(a)

let title = a['title']

let desc = a['desc']

let comment = a['comment']

let star = a['star']

let image = a['image']

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>

<span class="fa fa-star checked"></span>

<span class="fa fa-star checked"></span>

<span class="fa fa-star checked"></span>

<span class="fa fa-star checked"></span>

<span class="fa fa-star checked"></span>

<p class="mycomment">${comment}</p>

</div>

</div>

</div>`

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

})

})

})

눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!