네이버나 카카오에서 제공하는 검색 API를 이용해보고 싶어 개발자 문서를 보는데
사진과 같이 문서에는 curl을 샘플로 제공해주고 있었다.
curl이란?
서버와 통신할 수 있는 커맨드 명령어 툴이다. 웹개발에 매우 많이 사용되고 있는 무료 오픈소스이다 curl의 특징으로는 다음과 같은 수 많은 프로토콜을 지원한다는 장점이 있다.
하지만 저것만 봐서는 어떻게 fetch메소드를 써야하는지 도저히 감이 잡히지 않았고 인터넷을 검색해봐도 기본적인 fetch에 대한 설명만 있었을 뿐이였다. 그러다가 curl을 fetch 문법으로 변환해주는 깃허브 사이트를 발견했고 어떤식으로 curl을 fetch로 변환하여 활용하면 되는지 알 수 있었다.
위의 curl을 fetch로 변환하면
위와 같이 써줄 수 있었고 샘플로 제공되는 이효리 대신 사용자의 입력값을 받은 뒤 그 입력값에 대한 검색 결과를 볼 수 있게 코드를 작성해보았다.
Authorization 부분은 API를 이용하는 사이트에서 발급받은 자신의 REST API KEY 값을 적어주면 된다.
콘솔에 적은 코드를 실행하게 되면 prompt가 화면에 나오게 되고 원하는 검색어(ex. 프론트엔드 개발자) 를 적은 후 확인 버튼을 눌러주었다.
잠깐의 pending 상태 후 카카오 개발 문서에서 제공해준 response 샘플대로 document와 meta 값이 객체에 담겨온 것을 확인할 수 있었다.
이제 이 호출하여 받은 API데이터를 가지고 내가 원하는 대로 활용하여 써주면 된다!
Developer