본문 바로가기

브라우저

1.1 WEB APIs

목차

1. API란?

2. Web APIs란?

3. Web API 찾는 방법

4. Web API 종류

5. Web API 사용하는 방법

6. API란?

 

1. API란? 

  1. Application Programming Interface(처음 들어가는 문 같은 느낌, 메뉴 같은 느낌..)
  2. 소프트웨어 프로그램(애플리케이션) 내부에 존재하는 기능 및 규칙의 집합.
  3. 쉽게 말해 어떤 동작, 기능을 수행하는 것들의 모음 + 규칙들의 모음이다.
  4. 어떤 동작이란 구체적으로 무엇을 의미하냐면 예를 들면 우리가 네이버 포털에 로그인하고 로그아웃 할 수 있는 것은 네이버에서 로그인, 로그아웃과 같은 기능을 제공하기 때문이다. 즉 우리는 네이버에 로그인할 때 네이버의 로그인과 관련된 api를 사용하는 것이다.
  5. 또 다른 예시를 들자면, 웹페이지에 파일 첨부하기 버튼이 있다고 가정해보자. 파일 첨부하기 버튼을 누르면 내 컴퓨터의 문서들이 뜨고 특정 문서를 웹페이지에 업로드 할 수 있다. 이 경우는 브라우저가 제공하는 File과 관려된 api를 사용한 것이다. 우리는 이 file api가 구체적으로 어떻게 작용하는지는 모르지만 간단한 사용 방법만으로도 이 기능을 사용할 수 있다.
  6. 윈도우가 제공하는 API를 통해서 윈도우OS 에서 작동하는 애플리케이션도 만들수 있다.

 

2. Web APIs란?

  1. 브라우저에서 제공하는 기능들의 집합

 

3. Web API 종류

  1. 많이 쓰는 API 들을 소개하자면,
    1. DOM API
    2. Network API
    3. Graphic API
    4. File API
    5. Stroage API
    6. etc..

 

4. Web API 찾는 방법

  1. MDN 사이트를 이용하면 된다!!
  2. 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

 

5. Web API 어떻게 사용해?

  1. 브라우저에서 제공하는 인터페이스, 오브젝트를 통해서 사용할 수 있다.
  2. 더 정확하게는 오브젝트 안에 있는 함수나 속성을 통해서 사용할 수 있다.
  3. 예를 들면 DOM API 중 Document 라는 Interface 안에 있는 다양한 속성, 메서드를 이용할 수 있는데 더 구체적 예시를 들어보자면 Document 인터페이스 내에 getElementById라는 메서드를 이용해 특정 id값을 가지고 있는 요소의 정보를 알아낼 수 있다!

 

6. 기타

  1. 우리는 여러 서비스에서 제공하는 백엔드 API, External API를 사용해 볼 수 있다.
  2. 예를 들어, 트위터나 유튜브 등에서 제공하는 API를 통해서 데이터를 얻을 수 있고 그 데이터를 활용해서 우리만의 무언가를 만들어 낼 수 있다!! 뿜뿜
  1.  

'브라우저' 카테고리의 다른 글

1.3 윈도우(Window) 사이즈 & 문서(document) 사이즈  (0) 2022.05.05
1.2 브라우저 내장 객체  (0) 2022.04.17