2주차 개발일지

2주차에서는 오픈 api를 활용해 ajax, jquery를 써봤다. 숙제는 1주차 숙제 기반 환율을 페이지에 업로드 하는 거 였다. 나는 ajax 코딩 부분은 안 헷갈렸는데, 아래 html 코드에 함수를 어디에 심어야 할지가 고민이었다. 처음에 네임을 주어도 환율이 업로드 되지 않았다. 알고 보니 ajax 코드 쪽에 내가 #을 누락했음을 발견했다. 또 span 태그를 잘 안 썼는데 이번 기회에 span 태그의 매력을 알게 됐다. 

 

$(document).ready(function(){
  [함수]
        });

위 코드는 페이지가 뜨자마자 특정 코드가 작동하도록 하는 비법 코드다.

 

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

ajax 코드 부분이다. #now는 내가 어디에 rate를 표시할지 임의적으로 붙인 별명이다. 아래 html 코드에 now를 지정한 곳이 있다.