[API] API - 개념과 사용

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));

---

🚀 참고

• API란? 개념 및 유용한 API들 소개, 날씨 API 자바스크립트 실전 활용 방법, 조코딩
• Fetch 사용하기 - Web API | MDN
• https://github.com/dl0312/open-apis-korea

 

🔗 출처

• [이미지1] 출처 : https://blog.wishket.com/
• [이미지2] 출처 : https://velog.io/@ohmy0418/API