하루하루 꾸준히, 인생은 되는대로

카테고리 없음

자바스크립트로 책 검색 구현하기(카카오 도서 API사용)

긤효중 2022. 5. 6. 02:03

구현 방식->

input태그를 하나 만들고 버튼을 만든다. 이 버튼을 누르면 도서의 제목을 자바스크립트 변수 book에 저장하고, 

searchbook(book)을 수행한다.

 

https://developers.kakao.com/docs/latest/ko/daum-search/dev-guide#search-book

 

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

 

Request->

프론트가 백에게 요청시 규칙에 맞게 처리해야 한다. (Application Programming Interface)

 

Api가이드(요청과(request)와 응답(response)로 나뉜다)

-요청-

 

1_)주소(API 서버의 주소) : "https://dapi.kakao.com/v3/search/book?target=title"

2_)전송방식:Get(주소창에 정보 담아서 전송), Post(내부적으로 정보 전송)

3_)보낼 것(API요청에 필요한 정보) : query(string)->검색어, 등..

 

-응답-

 

형식(받아오는 정보의 형식) : JSON(Javascript Object Notation) 자바스크립트의 Object

-JSON안에는 또다른 JSON이 포함될 수 있다.

 

 

API전 해야 할 일

1_)JQuery CDN 가져오기

https://jquery.com/

 

jQuery

What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

jquery.com

 

2_)JQuery AJax 코드 가져오기 (구글에 검색하면 나옴 -> jQuery AJAX (공식문서 document) )

 

3_)오픈 API 키 가져오기


콘솔로 찍어보면 원하는 도서의 정보를 가져오는걸 볼 수있다.

이제 이것을 DB에 넣어서 책을 등록하고 삭제하는 식으로 도전해보려고 한다..!

 

잘 찍힌다.
이것도 잘 찍힌다