[JS] API(Application Programming Interface)

API 

(Application Programming Interface)

: 프로그램 간의 상호작용을 돕는 도구들의 집합

• 웹 페이지에서 다양한 작업을 수행할 수 있도록 제공하는 도구와 기능들의 모음
• 자바스크립트의 API를 사용하면 웹 페이지의 동작을 제어하거나, 사용자와 상호작용하거나, 서버와 데이터를 주고받을 수 있다.

 

 

 

📌 브라우저 API

: 웹 브라우저가 제공하는 기본 기능을 이용할 수 있게 해주는 API

• BOM(Browser Object Model) API
  : 브라우저 창과 관련된 정보를 다루는 API
  - window 객체를 사용하여 브라우저 창의 크기를 조절하거나, navigator 객체를 통해 사용자의 브라우저 정보를 가져온다.
  
  
• DOM(Document Object Model) API
  : 웹 페이지의 구조화된 문서(HTML)에 접근하고 조작할 수 있게 해주는 API
  
  
• Fetch API
  : 네트워크 요청을 보내고 데이터를 가져올 수 있게 해주는 API
  - fetch 함수를 사용하여 서버와 비동기적으로 데이터를 주고받을 수 있다.

 

 

 

📌 서버 API

: 서버와 통신하기 위해 사용되는 API

- 주로 백엔드 서비스와의 데이터 교환을 위해 사용

• AJAX(Asynchronous JavaScript and XML)
  : 비동기적으로 서버에 요청을 보내고 응답을 받을 수 있게 해주는 기술
  - 주로 XMLHttpRequest 객체를 사용하거나, 최신 방법으로는 fetch 함수를 사용
  
  
• REST API
  : HTTP를 통해 서버 간의 상호작용을 정의하는 아키텍처 스타일
  - 특정 URL 패턴을 따라 데이터를 주고 받음

 

 

 

📌 서드파티 API

: 외부 서비스에서 제공하는 API

- 특정 서비스의 기능을 웹 애플리케이션에 통합하기 위해 사용

• Google Maps API : 구글 지도 기능을 웹 페이지에 통합할 수 있게 해준다. 
• Twitter API : 트위터 데이터를 가져오거나 트윗을 게시할 수 있다.
• Payment API : PayPal, Stripe 등의 결제 시스템을 통합할 수 있다.

 

---

 

브라우저 환경과 다양한 명세서

 

JavaScript APIs - Mozilla | MDN