reqres.in으로 ajax 연습하기

  • Reqres 에서 다양한 api를 제공하고있다
  • cors를 허용하기 때문에 localhost에서도 요청을보내고 응답을 받을 수 있다
  • ajax 연습이나, 간단한 앱을 만들 때, 서버를 만들지 않고,
  • reqres에서 제공하는 api를 사용할 수 있겠다

get api

https://reqres.in/api/users?page=2 // 유저 목록 2페이지 보기
https://reqres.in/api/users/2 // 2번 유저 보기
https://reqres.in/api/users/23 // 23번 유저 보기(없는 유저)

// products보기, products 부분은 어떤 문자열로든 치환이 가능해서 원하는 느낌의 문자열을 적어주면된다
https://reqres.in/api/products
https://reqres.in/api/products/1

카카오 이미지 검색 api 사용하기

  • 카카오 이미지 검색 API를 사용해보자

따라하기

  • 이미지가 먼저오고 그 아래에 설명이 있습니다!

준비물

  • postman

kakao developers 가입하기

  • 카카오 api 사용이 처음이라면 kakao developers에 가입해야한다
  • 이미 있는 카카오 계정으로 가입할 수 있다

REST API 키 발급받기

  • 내 애플리케이션 > 애플리케이션 추가하기 를 눌러준다
  • 앱 이름, 사업자명을 입력하고 저장을 눌러준다
  • 방금 만든 앱을 클릭하여 앱 키 > rest api 키를 확인한다

POSTMAN으로 확인하기

  • 포스트맨을 켜주시고, 아래 텍스트를 복사해 붙여넣어준다
url
1
https://dapi.kakao.com/v2/search/image?query=안녕
    1. Headers 탭에 들어가서
  • 2-1. Authorizationkey를 하나 추가하고
  • 2-2. value로는 KakaoAK {방금 발급받은 rest api key}를 넣어준다
  • KakaoAK 사이에 하나의 공백이 있음을 유의한다
    1. Send 버튼을 눌러 결과를 확인한다

검색 옵션 사용하기

Name Type Description Required
query String 검색을 원하는 질의어 O
sort String 결과 문서 정렬 방식, accuracy(정확도순) 또는 recency(최신순), 기본 값 accuracy X
page Integer 결과 페이지 번호, 1~50 사이의 값, 기본 값 1 X
size Integer 한 페이지에 보여질 문서 수, 1~80 사이의 값, 기본 값 80 X

참고