바로가기

모두를 위한 열린 강좌 KOCW

주메뉴

강의사진
  • 주제분류
    공학 >컴퓨터ㆍ통신 >정보통신공학
  • 등록일자
    2011.07.21
  • 조회수
    7,021
  • 평점
    3.8/5.0 (12)
❍ HTML5 소개 및 배경

◦HTML5 소개 : 웹 표준 기구 W3C에서 만들고 있는 차세대 웹

표준안으로서 Microsoft, Mozilla, Apple, Google, Opera 등

모든 웹 브라우저 벤더가 참여하고 있는 산업 표준


◦HTML5 배경

 - Rich Web Application들을 표준 기반에서 제공을 하자는 관점에서 비롯됨

 - 2007년부터 W3C의 W/G를 통해 표준안이 발표되었고, 최근에는 표준화가 진행 중임에도 불구하고 현재의 웹브라우저에서는 최신의 스펙들을 지원하고 있음



❍ HTML5의 주요 특징

◦Web Form2.0 : 웹 양식을 지원하는 Tag로 기존 Form tag와 달리 기본 컨트롤을 이용하여 손쉽게 개발 가능

◦Video & Audio

- 별도의 브라우저 플러그인을 이용하지 않고 웹에서 video와 audio기능 추가 가능

- Javascript를 이용하여 미디어 컨트롤 및 상황별 다양한 이벤트 제공 가능

◦Canvas

- 선, 도형, 텍스트, 이미지와 같은 그래픽을 표현할 수 있는 Tag로, 다양한 도형 그리기나 2D 렌더링 기능 제공

- Canvas의 확장 개념인 WebGL : 오픈 그래픽 라이브러리인 OpenGL에 기반한 웹 표준 그래픽 라이브러리로, 브라우저에 별도의 플러그인 없이 하드웨어 가속되는 3D그래픽 표현 가능

◦SVG : W3C의 2차원 그래픽을 기술하는 XML 기반 언어

◦Web socket

- 기존의 TCP기반의 소켓들을 브라우저에서 구현 가능하며, 연결 지향적이고 양방향 전이중(full-duplex) 방식의 통신이 가능

- http통신 시 데이터를 위한 소켓형태로 Http header에 불필요한 데이터가 줄어 data 통신 크기와 응답시간 향상

◦Offline Web Application

- Application Cache : Web Application 중 구성요소들을 브라우저의 임시 영역에 cahe로 저장하고, offline상태 브라우저가 Refresh 하더라도 application을 로딩하도록 지원

- Web Storage : 기존 웹 브라우저 Cookie의 단점을 극복하기 위한 Key/Vaue 형태로 저장되는 기술

- Web Database : 웹 브라우저에 Database 엔진을 이용하여 Javascript로 데이터베이스를 저장

◦Geolocation : HTML5의 표준이 아닌, 실제 구글쪽이 참여하고 있는 W3C에서 정의된 스펙으로 모바일 환경에서 가장 많이 사용되는 API



❍ HTML5 동향

◦현재 HTML5표준화가 진행 중임에도 wind tag, taste tag등과 같이 앞서가는 스펙이 연구 중인 단계임(HTML11)

◦HTML5 스펙은 Firefox나 Chrome에서 더 많이 지원하나, 한국에서는 윈도우 운영체제를 많이 사용(IE6, IE7, IE8)하므로 사용자가 스펙을 사용하기에 긴 시간 이 필요할 것으로 예상

(http://gs.statcounter.com/#browser_version-KR-monthly-201007-201107 참조)

◦그렇지만 업체, 웹사이트들의 노력으로 일부 HTML5 스펙들을 사용할 수 있을 것으로 예상

◦2010. 10. 01 LastCall로 Spec이 거의 안정화 되었고, 2011. 05. 22 LastCall이 종료되어 현재 브라우저 테스트가 진행 중임

◦HTML5 스펙화가 실제로 완료되는 시점은 2014. 12로 예정
HTML5 동향과 전망
배속
  • 이전차시
  • 다음차시

차시별 강의

PDF VIDEO SWF AUDIO DOC AX
1. 비디오 HTML5 동향과 전망 URL

연관 자료

loading..

사용자 의견

강의 평가를 위해서는 로그인 해주세요.
ki****** 2016-10-30 16:44
좀 오래되긴 했지만 HTML5에 대한 개괄적인 내용을 짧은 시간 동안 쉽게 이해할 수 있도록 정리해주신 강의 잘 들었습니다. 감사합니다.

이용방법

  • 동영상 유형 강의 이용시 필요한 프로그램 [바로가기]


    ※ 강의별로 교수님의 사정에 따라 전체 차시 중 일부 차시만 공개되는 경우가 있으니 양해 부탁드립니다.

이용조건