스파르타 코딩 웹개발 5일차

오늘은 숙제 하는날.. 

슈수슈슈슉슈슈슈슈슉. 슈슈슉슈슈슈슈슈슈슈슉슈슈슈슈슈슈슈슈슉. 슈슈슈슈슈슈슈슉. 슈수슈슈슉슈슈슈슈슉. 슈수슈슈슉슈슈슈슈슉. 슈수슈슈슉슈슈슈슈슉. 슈슈슉슈슈슈슈슈슈슈슉슈슈슈슈슈슈슈슈슉. 슈슈슈슈슈슈슈슉. 슈수슈슈슉슈슈슈슈슉. 슈수슈슈슉슈슈슈슈슉. 슉제라니 ㅠ_ㅠ

오늘은 Ajax를 통해서 실시간 api를 내 원페이지 쇼핑몰 페이지에다가 실시간 환율 표시를 만드는것을 했다.

숙제를 풀면서 가장 헷갈렸던 부분이

0번째에 어떤 부분 인데 그냥 리스트만 나열 되어 있으면 0 번째를 빼야 되는데 안뺐다가 고생했다.

그리고 

$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/rate",
data: {},
success: function (response) {
let realrate = response['rate']
$('#rrate').text(realrate);
}
})

이 구문은 공식처럼 외워야 겠다.

url에는 오픈 API 주소를 불러오고

response 값은 api에 있는 내가 필요한 값 : 여기서는 실시간 환율이니 rate

let 으로 realrate 지정해서 rate값을 받아오고

id가 rate 인곳에 텍스트를 지정한 realrate 의 rate 값으로 바꾸어 주어라.

오늘의 환율 : 이란 글자는 바뀌지 않고 고정이니깐 span 태그를 이용해서 환율 부분을 감싸고

span 태그안에 아무 숫자나 적어서 그 숫자가 계속 바뀌게 하면 됨

 

아 그리고 실시간으로 창이 열리자 마자 환율이 적용되게 할려면

$(document).ready(function () {
            q1();
        });

저 명령을 스크립트 아래에다가 넣어주고 q1() 자리에다가 지정해놓은 function 을 넣는다.

 

라고 배운것이 오늘의 골자

휴.....하얗게 불태웠다.