WEB APPLICATION SG       2011.07.11       NHN
INDEXFile APIServer-Sent EventsWeb NotificationsWeb MessagingWeb WorkersWeb Storage (WD)Indexed Database (WD)Web SQL Databa...
FILE API     (WORKING DRAFT)1) File API2) Directories and System3) Writer
SERVER-SENT EVENTS                             (Last Call Review ended: 2011-04-21)                             HTTP      ...
WEB NOTIFICATIONS            (WORKING DRAFT)                              . (ex. email, tweets,etc)
WEB MESSAGING                                          (Last Call Review ended: 2011-06-01)                       (       ...
WEB WORKERS     (Last Call Review ended: 2011-04-21)thread  thread                single thread.
.
Upcoming SlideShare
Loading in …5
×

Web Application SG

1,166 views

Published on

Web Application SG

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,166
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • W3C 문서 목록 및 상태 : http://www.w3.org/TR/tr-title-all\nWebStroage : 거의 대다수의 브라우저에서 지원 IE 8.0+, FF 3.6+, Safari 4+, Chrome 10+, Opera 11+\nUMP : 크로스 사이트간의 안전한 메세지 전달을 위한 규약\nCORS : 메세지 전송시 메세지를 전달받을 도메인을 HTTP 헤더에 특정 항목(Access-Control-Allow-Origin:도메인)에 포함해 전송.\nProgrammable HTTP Caching and Service는 오프라인에서 사용할 수 있는 리소스를 별도의 manifest 파일에 기술해 캐싱하는 Offline Application Cache을 확장한 것\n웹 퍼포먼스는 이세연 그룹장님의 퍼포먼스 SG와 겹치는 부분이 있음\n
  • File API는 <input> 요소를 통해 사용\n\n데모 :\nhttp://www.html5rocks.com/en/tutorials/file/dndfiles/\nhttp://www.html5rocks.com/en/tutorials/file/filesystem/\n
  • 데모 : \nhttp://googlecodesamples.com/html5/sse/sse.html\n\n데모는 서버에서 5초마다 클라이언트에 시간 정보를 푸시\n10초가 지나면 서버에서 연결을 끊지만, 연결이 끊어지고 나서 3초내에 클라이언트에서 다시 연결을 맺는 데모\n
  • 데모 : http://www.html5rocks.com/en/tutorials/notifications/quick/\n
  • http://html5demos.com/postmessage2\n
  • Web Workers에서의 제약\n1. DOM에 접근하거나 조작할 수 없다.\n2. Thread를 생성한 생성자와만 메세지를 이용한 통신을 할수 있다.\n\nWeb Workers에서 가능한 작업\n1. XHR을 이용한 I/O 작업을 할수 있다.\n2. sub-wokers를 생성할 수 있다. 즉, 생성된 thread에서 다른 thread를 생성할 수 있다.\n3. timout과 interval을 사용할 수 있다.\n4. Global function에 접근이 가능하다.\n5. importScripts()를 이용해 다른 스크립트를 로딩할 수 있다.\n\n데모 : http://ie.microsoft.com/testdrive/HTML5/WebWorkerTest262/Default.html\n
  • \n
  • Web Application SG

    1. 1. WEB APPLICATION SG 2011.07.11 NHN
    2. 2. INDEXFile APIServer-Sent EventsWeb NotificationsWeb MessagingWeb WorkersWeb Storage (WD)Indexed Database (WD)Web SQL Database (Retired)Web Sockets API (WD)Uniform Messaging Policy (WD) / Cross-Origin Resource Sharing (CORS) (WD)Programmable HTTP Caching and Serving (Retired)Web Performance : Navigation/Resource/User Timing (Candidate Recommendataion)
    3. 3. FILE API (WORKING DRAFT)1) File API2) Directories and System3) Writer
    4. 4. SERVER-SENT EVENTS (Last Call Review ended: 2011-04-21) HTTP dedicated server-push data pushvar source = new EventSource(updates.cgi);source.onmessage = function (event) { alert(event.data);};
    5. 5. WEB NOTIFICATIONS (WORKING DRAFT) . (ex. email, tweets,etc)
    6. 6. WEB MESSAGING (Last Call Review ended: 2011-06-01) ( )Page A (www.test.com):window.postMessage( document.getElementById("message").value, "http://www.example.com");Page B (www.example.com) :window.onmessage = function(e){ if( e.origin !== "http://www.test.com" ) { return; } document.getElementById("test").innerHTML = e.origin + " said: " + e.data;};
    7. 7. WEB WORKERS (Last Call Review ended: 2011-04-21)thread thread single thread.
    8. 8. .

    ×