[매일 HTML5 공부 10] 새로운 API 기능들

 

(※ 클릭시 http://slides.html5rocks.com 로 이동)

 

API(Application Programming Interface) 란?

 

응용 프로그램 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 주로 파일 제어, 창 제어, 화상 처리, 문자 제어 등을 위한 인터페이스를 제공한다.

- 위키백과

 

즉 새로운 프로그램을 만들 때 사용하는 프로그램언어 차원에서 제공되거나 구동되는 환경의 집합체라고 할수 있다.

HTML5에서는 브라우저에서 동작하는 모든 프로그램적 기능들을 의미한다고 보면 되겠다.

 

 

오프라인 웹 구현을 위한 API

 

Web Storage

 

• key/value 형태의 간단한 데이터 저장을 위한 저장 공간
• 쿠키와 비교했을때 크기에 제한과 유효기간이 없고, 데이터가 서버로 전송되지 않는다.
• javascript객체로 저장할 수 있다는 장점이 있다.
• (Internet Explorer 7 및 이전 버전에서는 지원 하지 않음)

☆ 보충 - [매일 HTML5 공부 15] Web Storage 정리 완료!! - 2013-05-24

 

Web SQL Databae/ Indexed Database API

 

 

• 구조적인 데이터 베이스 시스템을 뜻한다.
• 클라이언트(브라우저)에서 관리되는 데이터 베이스를 제어할수 있다.

☆ 보충 - [매일 HTML5 공부 16] Web SQL Database 정리 완료!! - 2013-05-28

 

Application Cache

• 웹 애플리케이션을 오프라인에서도 사용할 수 있도록 필요한 리소스를 클라이언트쪽에 캐시하는 기능.

☆ 보충 - [매일 HTML5 공부 14] Application Cache  정리 완료!! - 2013-05-24

 

실시간/커뮤니케이션 API

 

Web Workers

• 백그라운드 프로세스로 처리되는 스크립트.
• 브라우저 내에 자바스크립트로 멀티 스레드 프로그램을 구현할 수 있다.

☆ 보충 - [매일 HTML5 공부 17] Web Workers 정리 완료!! - 2013-05-30

 

Web Socket

 

• Full Duplex 를 구현한 Web Socket프로토콜을 이용하여 서버와 통신하며 서버로 부터 Push 서비스가 가능하다.

 

Notifications

 

• 운영체제에 독립적인 플랫폼 수준의 알림메세지를 보여준다.

 

파일/하드웨어 접근 API

 

File API

 

 

• 로컬 파일시스템과 브라우저간에 파일을 주고 받을수 있다.

Geolocation

• GPS, 셀, 네트워크 등을 이용하여 디바이스의 현재 위치를 파악할 수 있는 기능

 

Device Orientation

• 디바이스의 기울기, 방향을 확인 할수 있는 기능

 

Speech Input

• 마이크로 음성을 입력 받아 문자로 전환해 주는 기능

 

GUI API

 

Drag & Drop

 

 

• 이미지나 텍스트를 Drag하여 Drop 넣을수 있는 기능
• 기존에는 자바스크립트로 개발하거나 UI관련 라이브러리로 이용했지만 Drag&Drop기능으로 간단하게 구현 가능