Web APIs ( Application Programming Interfaces)
Introduction to web APIs - Learn web development | MDN
At this point, you should have a good idea of what APIs are, how they work, and what you can do with them in your JavaScript code. You are probably excited to start actually doing some fun things with specific APIs, so let's go! Next up, we'll look at mani
developer.mozilla.org
API란?
API란 Application Programming Interfaces의 약자로 개발자가 복잡한 기능을 보다 쉽게 만들 수 있도록 프로그래밍 언어로 제공된다. API는 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘이다. 애플리케이션과 데이터베이스의 상호작용을 가능하게 한다.
(요청) 클라이언트 ➡️ 서버
(응답) 클라이언트 ⬅️ 서버
웹 API는 웹 서버와 웹 브라우저 간의 애플리케이션 처리 인터페이스이다. API의 맥락에서 애플리케이션이라는 단어는 고유한 기능을 가진 모든 소프트웨어를 나타낸다. 인터페이스는 두 애플리케이션 간의 서비스 계약이라고 할 수 있다. 이 계약은 요청과 응답을 사용하여 두 애플리케이션이 서로 통신하는 방법을 정의한다. API 문서에는 개발자가 이러한 요청과 응답을 구성하는 방법에 대한 정보가 들어 있다.
1) 브라우저 API
브라우저에 로드된 문서를 조작하기 위한 API로 브라우저에 내장되어 있다. JavaScript 언어 위에 위치하며 기능을 보다 쉽게 구현할 수 있게 해준다.
ex. DOM APIs, Network APIs, Graphics APIs, Audio/Video APIs, File APIs, Srorage APIs 등
https://developer.mozilla.org/en-US/docs/Web/API
Web APIs | MDN
When writing code for the Web, there are a large number of Web APIs available. Below is a list of all the APIs and interfaces (object types) that you may be able to use while developing your Web app or site.
developer.mozilla.org
2) Open API
브라우저에 내장되어 있지 않으며, 웹 어딘가에서 해당 코드와 정보를 검색해야 한다.
ex. 유튜브 API, 기상청 날씨, 구글 지도, 카카오톡 로그인 기능 등
API는 어떻게 작동하는가?
API 아키텍처는 일반적으로 클라이언트와 서버 측면에서 설명된다. 요청을 보내는 애플리케이션을 클라이언트라고 하고 응답을 보내는 애플리케이션을 서버라고 한다. 따라서 날씨에서 기상청의 날씨 데이터베이스는 서버이고 모바일 앱은 클라이언트이다.
Web APIs Security
몇몇의 Web APIs는 HTTPs 환경에서만 동작할 수 있다. (보안 처리된 HTTPs)
'공부 모음집 > WEB' 카테고리의 다른 글
| 접근성 준수와 스크린리더 (2) | 2023.11.26 |
|---|---|
| 💡 브라우저 좌표 (0) | 2023.11.07 |
| url 입력과정 (0) | 2023.10.17 |
| 웹 서버와 호스팅 그리고 클라우드 호스팅/ FTP 프로그램 (1) | 2023.10.13 |
| 검색엔진 최적화(SEO)와 OG 작업 (0) | 2023.10.07 |