API 활용

front end가 back end에 정보 요청을 할 때 특정 규칙에 맞게 요청을 해야 하는데 이러한 규칙에 맞는 요청을 API라고 한다. open api는 누군가 백엔드를 만들어놓고 주소와 사용 규칙을 공개한 것을 말한다. 이 백엔드의 사용 규칙과 주소만 알면 프런트만 만들어도 쓸 수 있다. 공개된 백엔드를 사용하고 프런트만 개발하여 사용하는 것을 serverless라고 한다. 

서버에 정보를 달라고 하는 것을 request, 요청이라고 하고 찾은 정보를 내 사이트가 받는 것을 response, 응답이라고 한다. 이런 형식이 작성된 문서를 api가이드라고 한다. 

api가이드에는 공통적으로 요청과 응답에 대한 정보가 나와있다. 

정보 전송 방법은 크게 post와 get이 있다. get은 주소창에 모든 정보를 담에 정보를 전달하는 방식이고 post는 주소창이 아니라 내부적으로 정보를 전송하는 방식이다. 

요즘은 거의 모든 api에서 json형태로 제공한다. 

 

api에 대한 요청과 응답을 다루기 위해 ajax를 사용한다. 

 

jquery cdn을 스크립트 태그에 적어주고 jquery ajax에 가서 examples를 검색하여 해당 형식을 가져온다. 

그리고 해당 형식에 api의 주소와 data, api key등을 입력하고 브라우저의 console 창에서 응답한 object를 마우스 오른쪽을 눌러 store as global variable을 클릭한다. 이것은 응답받은 json을 console 창에서 다루기 위해 따로 저장해두는 것을 말한다.