본문 바로가기
Web

Web APIs 이해하기

by Vintz 2020. 10. 23.
반응형

브라우저 이해하기의 첫 시작. '어떤 플랫폼에서 개발을 하든 프로젝트를 하든 웹에서 제공하는 APIs에 대해서 정확하게 이해하고 사용하는 것이 중요합니다' 라는 말을 영상에서 듣고서 Web APIs에 대해 공부했습니다.

API(Application Programming Interface)

응용 프로그램 프로그래밍 인터페이스(API)는 복잡한 기능을 더 쉽게 만들 수 있도록 프로그래밍한 것입니다. 복잡한 코드를 추상화하여 사용 시 쉬운 구문을 제공합니다. 일상생활에서 예를 들자면 냉장고나 전자렌지가 내부적으로 어떻게 복잡하게 동작하는지, 로직들이 어떻게 짜여 있는지 전혀 알지 못해도 우리가 원하는 기능을 수행할 수가 있습니다. 한마디로 API란 내부 로직을 알지 못해도 그 기능을 가져다 쓸 수 있는 것을 의미합니다.

API 활용

Windows에서 제공하는 API를 이용해서 간단한 윈도우 어플을 만들거나 안드로이드, iOS에서 제공하는 API를 이용해서 역시 간단한 모바일 어플을 만들 수 있습니다. 또한 유튜브 백엔드 서비스에서 API들을 제공하는데, 이런 API를 이용해서 유튜브에 있는 데이터를 받아올 수 있습니다. 이런 OS나 플랫폼에서 제공하는 API도 API라고 부르지만 개인 웹 프로젝트에서 UserStorage라는 클래스를 만들고 로그인과 로그아웃을 할 수 있는 함수들이 있다면 로그인, 로그아웃의 두 가지 API가 있다고 말할 수 있습니다. 사용자는 내부 로직을 알지 못해도 로그인과 로그아웃의 기능을 사용할 수 있습니다.


Web APIs

정말 많은 Web APIs

Web API 몇가지를 살펴보겠습니다.

  • DOM API - HTML이나 스타일 정보를 제어하는 기능을 제공합니다.
  • Network API - 서버와 통신할 수 있는 기능을 제공합니다.
  • Graphics API - WebGL API 또는 Canvas API를 통해 그래픽과 애니메이션 기능을 제공합니다.
  • Audio/Video API - 오디오나 비디오를 재생, 중지하는 등 다양한 멀티미디어 관련 기능을 제공합니다.
  • Device API - 사용자가 온라인 상태인지 오프라인 상태인지 디바이스의 상태정보를 받는 기능을 제공합니다.
  • File API - 사용자의 파일을 읽거나 저장하는 등의 기능을 제공합니다.
  • Storage API - 특정 도메인을 위한 세션 저장소 또는 로컬 저장소의 접근 경로로써 사용자의 정보를 저장 및 데이터를 추가하고 수정하거나 삭제할 수 있습니다.

 

참고

드림코딩 온라인 아카데미
Web API MDN
API Wiki
반응형

'Web' 카테고리의 다른 글

CSSOM(CSS Object Model)  (0) 2020.10.30
HTTP란?  (0) 2020.10.28
Window 객체(DOM, BOM, JavaScript)  (0) 2020.10.27
DOM(Document Object Model)  (0) 2020.10.24
크로스 브라우징(Cross Browsing)  (0) 2020.10.22