Web API - 소개

Web API는 개발자의 꿈입니다.

  • 그것은 브라우저의 기능을 확장할 수 있습니다
  • 그것은 복잡한 기능을 극대적으로 간소화할 수 있습니다
  • 그것은 복잡한 코드에 간단한 문법을 제공할 수 있습니다

Web API는 무엇인가요?

API는 애플리케이션 프로그래밍 인터페이스(AApplication Programming Interface）。

Web API는 Web의 애플리케이션 프로그래밍 인터페이스입니다.

브라우저 API는 Web 브라우저의 기능을 확장할 수 있습니다.

서버 API는 Web 서버의 기능을 확장할 수 있습니다.

브라우저 API

모든 브라우저는 복잡한 작업을 지원하고 데이터에 접근하는 데 도움을 주는 내장된 Web API를 가지고 있습니다.

예를 들어, Geolocation API는 브라우저의 위치 좌표를 반환할 수 있습니다.

예제

사용자의 위치의 위도와 경도를 얻기 위해:

const myElement = document.getElementById("demo");
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    myElement.innerHTML = "이 브라우저는 위치정보를 지원하지 않습니다.";
  }
}
function showPosition(position) {
  myElement.innerHTML = "위도: " + position.coords.latitude +
  "<br>경도: " + position.coords.longitude;
}

직접 시도해보세요

第三方 API

第三方 API는 브라우저에 내장되어 있지 않습니다.

이러한 API를 사용하려면, 웹에서 코드를 다운로드해야 합니다.

예제:

  • YouTube API - 웹사이트에서 비디오를 표시할 수 있습니다.
  • Twitter API - 웹사이트에서 트윗을 표시할 수 있습니다.
  • Facebook API - 웹사이트에서 Facebook 정보를 표시할 수 있습니다.