API 체험하기

카카오, 네이버 등의 Open API에 가입해 개인API key를 발급받고,
사용하고자하는 API를 선택한다.

조코딩 유투브를 참고해 작성한 것으로, 코드작성은 jQuery로 이루어진다.

1. 구글에 jquery ajax를 검색해 EXAMPLE 에 있는 코드를 그대로 넣는다.

$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );
  });

2. 카카오 API-책검색API를 보면 전송방식이 명시되어있다.
   

3. 그리고 아래엔 요청예시가 있다.
   

4. 예시들을 보고 코드에 대입해준다.

<script>
      // 전송방식
      $.ajax({
        // 전송방법
        method: "GET",
        // 전송할 주소
        url: "https://dapi.kakao.com/v3/search/book?target=title",
        // 전송할 내용
        data: { query: "미움받을 용기" },
        headers: { Authorization: "KakaoAK 0b7bd8ad0c52115bb7152217c59838fb" },
        // 전달받았을때
      }).done(function (msg) {
        console.log(msg.documents[0].title);
        console.log(msg.documents[0].thumbnail);
        $("p").append("<strong>" + msg.documents[0].title + "</strong>");

        $("p").append("<img src='" + msg.documents[0].thumbnail + "'/>");
      });
    </script>