목차
1. API란?
2. Web APIs란?
3. Web API 찾는 방법
4. Web API 종류
5. Web API 사용하는 방법
6. API란?
1. API란?
- Application Programming Interface(처음 들어가는 문 같은 느낌, 메뉴 같은 느낌..)
- 소프트웨어 프로그램(애플리케이션) 내부에 존재하는 기능 및 규칙의 집합.
- 쉽게 말해 어떤 동작, 기능을 수행하는 것들의 모음 + 규칙들의 모음이다.
- 어떤 동작이란 구체적으로 무엇을 의미하냐면 예를 들면 우리가 네이버 포털에 로그인하고 로그아웃 할 수 있는 것은 네이버에서 로그인, 로그아웃과 같은 기능을 제공하기 때문이다. 즉 우리는 네이버에 로그인할 때 네이버의 로그인과 관련된 api를 사용하는 것이다.
- 또 다른 예시를 들자면, 웹페이지에 파일 첨부하기 버튼이 있다고 가정해보자. 파일 첨부하기 버튼을 누르면 내 컴퓨터의 문서들이 뜨고 특정 문서를 웹페이지에 업로드 할 수 있다. 이 경우는 브라우저가 제공하는 File과 관려된 api를 사용한 것이다. 우리는 이 file api가 구체적으로 어떻게 작용하는지는 모르지만 간단한 사용 방법만으로도 이 기능을 사용할 수 있다.
- 윈도우가 제공하는 API를 통해서 윈도우OS 에서 작동하는 애플리케이션도 만들수 있다.
2. Web APIs란?
- 브라우저에서 제공하는 기능들의 집합
3. Web API 종류
- 많이 쓰는 API 들을 소개하자면,
- DOM API
- Network API
- Graphic API
- File API
- Stroage API
- etc..
4. Web API 찾는 방법
- MDN 사이트를 이용하면 된다!!
- 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 어떻게 사용해?
- 브라우저에서 제공하는 인터페이스, 오브젝트를 통해서 사용할 수 있다.
- 더 정확하게는 오브젝트 안에 있는 함수나 속성을 통해서 사용할 수 있다.
- 예를 들면 DOM API 중 Document 라는 Interface 안에 있는 다양한 속성, 메서드를 이용할 수 있는데 더 구체적 예시를 들어보자면 Document 인터페이스 내에 getElementById라는 메서드를 이용해 특정 id값을 가지고 있는 요소의 정보를 알아낼 수 있다!
6. 기타
- 우리는 여러 서비스에서 제공하는 백엔드 API, External API를 사용해 볼 수 있다.
- 예를 들어, 트위터나 유튜브 등에서 제공하는 API를 통해서 데이터를 얻을 수 있고 그 데이터를 활용해서 우리만의 무언가를 만들어 낼 수 있다!! 뿜뿜
'브라우저' 카테고리의 다른 글
1.3 윈도우(Window) 사이즈 & 문서(document) 사이즈 (0) | 2022.05.05 |
---|---|
1.2 브라우저 내장 객체 (0) | 2022.04.17 |