최초 작성일 : 2009.9.11
윗분의 지시로 공부중입니다.. 정리한 김에 ..
○ 특정 기업의 독점 기술에 의존하지 않는 공개되고 표준화된 웹 환경을 만들기 위한 기술
1. 표준 codec 기반의
비디오, 오디오 재생 환경 내장
- 웹 멀티미디어 codec 표준화
-기존에는 멀티미디어 재생을 위해 외부의 plug-in을 설치해서 재생해야만 했음
(다수의 외부 플러그인
존재: Flash, Shockwave, Media Player, Quicktime...)
- HTML5에서는 표준 코덱을 선정해서 브라우저에서 플레이어를 기본 내장하도록
함
-Ogg와 H.264가 가장
유력한 후보
(Firefox,opera:Ogg, Chrome:H.264,Ogg, Safari:H.264 지원함. 단, 유동적임)
2. Graphics 지원을 위한 Canvas 제공
- 애플이 최초로 제안했으며
Mac OS X에서 Dashboard와 같은 위젯 어플리케이션을 동작 시키기 위해 소개되었음
- HTML4는 그리기(Drawing)에
대한 정의 및 기능이 없음 (글자로 구성된 문서를 보여주기 위한 포맷.
따라서, Flash와 같은 플랫폼이 발전하게 됨)
- HTML5에서는 그리기 영역과 그리기
API를 제공함, 브라우저에서 다양한 그래픽 구현이 가능함 (Flash, SilverLight와 기능이 중복되는 부분이 많음)
- 2D Canvas의 경우는 이미 대부분의 브라우저에서 지원하고 있음 (IE 지원 안함)
- 3D Canvas 의 경우에는 최근 제안 형태로 발표되기 시작함 (OpenGL ES 2.0 기반)
3. Local storage / DB 지원
- 업체별 각각의 접근 시도가 있었음. 이를 HTML5 Local Storage로 표준화
: IE의 userData, FF의 Dom Storage, Flash의 Local Shared Object,
Google Gear
- offline에서도 웹 어플리케이션을 사용 가능토록 하는 것이 주된 목적
: 항상 online이기 어려운 모바일 환경에서 더 중요해짐
|
Session Storage |
현재 열린
창에서 사용될 수 있는 session data를 저장 |
|
Local Storage |
다수의 창
간에 사용될 수 있는 특정 도메인의 데이터 저장 |
- 그 크기는 5M~10M 정도로
예상됨
4. Geolocation API 지원
- 기기에서 제공하는 위치 정보(GPS/WiFi/3G
based location)를 브라우저에서 Script API를 통해 제공받을 수 있음
- 위치 정보 : 위도, 경도, 높이, 정확도, 진행방향, 진행속도
- 1회 요청 모드(getCurrentPosition)와
반복 요청 모드(watchPosition) 존재
- 캐쉬값(maximumAge) 설정을
하면 해당 기간 동안에는 저장된 값을 사용함
- 지도 정보의 정확도(enableHighAccuracy)를
설정할 수 있음 (네이버의 시,구,동으로 표현되는 축척 개념)
5. Web Worker를 통한 백그라운드 프로세스 지원
- HTML4 지원 브라우저의 자바스크립트는 단일 프로세스로 순차적으로 동작함
- HTML5에서는 Web Worker라는
기술을 통해 다중 thread를 지원함
- 멀티프로세스 지원으로 인해 효율적인 task의 처리가 가능해 짐
: 웹 어플리케이션이 시각적으로 훨씬 빠르게 반응하도록 개발이 가능해짐
'웹, 인터넷' 카테고리의 다른 글
| HTML5 그 놈이 온다. (3) | 2009/09/24 |
|---|---|
| HTML5 (HTML4와의 주요 차이점) (1) | 2009/09/11 |
| 트위터, 페이스북, 미투데이, 싸이월드... (0) | 2009/08/24 |
| Firefox 3.5 오픈 비디오 지원! (0) | 2009/08/20 |
| HTML5, XHTML2 새로운 표준은? (0) | 2009/07/21 |
| [REST ③] Security and REST Web Services by Richard Mooney (0) | 2008/07/09 |
Trackbas address :: http://www.iamcorean.net/trackback/185
-
Tracked from U N W I R E D
at 2010/02/24 15:16
삭제
Subject: [내용 추가] Simple Guide : HTML5
HTML5에 대한 관심이 높습니다. 간단하게 무엇이 달라지는가에 대한 내용을 발견하여, 공유합니다. Offline Storage : E-mail이나 Google Doc 등의 문서를 Offline상에서도 읽고/편집할 수 있도록 하는 저장 기능입니다. 쉽게 “Word 문서를 바탕화면에 저장”하는 행위와 비슷하겠습니다. Google Gears가 유사한(or 대표적인) concept이었는데, 얼마전 Google이 Gears에 대한 기......



이올린에 북마크하기
좋은 자료 감사합니다. 현재 플래시로 하는 많은 기능이 HTML5에서는 기본 탑재되는 것 같군요.^^.