자바스크립트와 제이쿼리에 대한 학습을 했다.
방식은 style 태그 아래에 함수를 작성하거나 실행시키면 된다.
여러가지 기능 중에
로딩이 완료되면 자동으로 콘텐츠를 불러오는 기능을 배웠는데
코드는 이거다.
$(document).ready(function(){
여기에 자기 코드 작성
});
이것으로 실시간으로 변동하는 환율을 보이게 했는데,
저 코드 안에 환율이 보이게 하는 코드를 함수로 작성해서 넣으면 된다.
function q1() {
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/rate",
data: {},
success: function (response) {
let rates = response['rate']
//console.log(rates)
let temp_html = `<tr>
<th>달러-원 환율:</th>
<th>${rates}</th>
</tr>`
$('#names-q1').append(temp_html)
}
})
}
이런 것을 만들었고,
$(document).ready(function(){
q1()
});
이렇게 안에 q1()을 넣으면 작동된다.