Tech

[API] API - 개념과 사용

윤갬 2023. 1. 31. 22:26

API 개념

API : 프로그램(프론트-백)끼리 소통하는 과정에서 사용하는 규칙.

  • request, 요청 : 프론트단에서 서버에 정보를 달라고 요청하는 것
  • response, 응답 : 서버가 프론트단으로 정보를 보내주는 것

Open API : 기능을 구현해놓은 백엔드를 API를 통해서 공개해둔 것.  ✅ serverless

 

[이미지1] API의 역할

 

 

API 가이드

요청과 응답은 API마다 정해진 형식에 맞춰서 전달되는데, 이런 형식이 작성된 문서를 API 가이드라고 부른다.

 

[이미지2] API 가이드 예시

전송방식

  • GET : 검색어를 주소창에 넣어 보내는 방식
  • POST : 주소창이 아니라 안 보이는 곳(body)에 넣어서 정보를 전달하는 방식

 

 

API 사용하기

Public API 둘러보기

Public APIs : https://github.com/public-apis/public-apis

Auth  로그인 필요 여부 ➰ apiKey : API key가 있어야만 접근 가능
HTTPS 보안 연결 제공 여부
CORS  HTML 페이지 내 요청에 따른 오류 여부
  • Yes : HTML에서의 요청 거부 → 별도의 프록시 서버를 만들어 오류 해결해야 한다.
  • No : HTML에서의 요청 수용

 

데이터 불러오기

AJAX

  1. XMLHttpRequest
  2. Jquery Ajax
  3. fetch ✅
fetch('http://example.com/movies.json')
  .then((response) => response.json())
  .then((data) => console.log(data));


🚀 참고

 

🔗 출처