[지디넷코리아]지금까지 어도비의 플래시와 같은 RIA 기술은 웹에서 동영상, 광고, 검색 등 다양한 서비스에서 활용되고 있으며, 국내의 경우는 인터넷 뱅킹, 홈페이지 제작 등의 경우까지 상당히 많이 활용을 하고 있다. 

또한 스마트폰이 나오면서 아이폰 앱스토어나 안드로이드 마켓 등 스마트폰의 애플리케이션 유통 채널이 등장하면서 그야말로 스마트폰 애플리케이션의 전성시대를 만들고 있다. 그러나 점점더 많은 모바일 플랫폼 및 단말들이 출시되면서 점차적으로 HTML5 기반의 웹 애플리케이션에 대한 업계의 관심이 크게 증가하고 있다. 
 
본 고에서는 최근 이슈가 되고 있는 테블릿, 구글의 크롬OS와 크롬 웹스토어의 출시에 따라 더욱 주목 받고 있는 HTML5 기반 웹 애플리케이션의 가능성을 이야기 해볼까 한다. 
 
저물고 있는 RIA 플랫폼의 전성시대 

 


1999 년 W3C에서 HTML 4.01 권고안이 공개된 이후 W3C는 지금까지 10년이 넘는 세월 동안 새로운 HTML 권고안이 공개되지 못했다. 이러한 상황은 HTML 표준이 인터넷 산업의 빠른 팽창 속에서 새롭게 요구되는 다양한 요구사항들을 반영하지 못했음을 의미한다. 결과적으로 어도비의 플래쉬와 MS의 실버라이트와 같은 RIA(Rich Internet Application) 플랫폼 기술이 시장의 요구사항을 만족시키면서 RIA의 전성시대를 이끌었다. 

그러나 스마트폰과 테블릿 등 모바일 단말의 활용이 증가하면서 RIA를 활용하는 대신 HTML5와 같은 웹 표준의 활용에 대한 관심이 크게 증가하고 있다. 이러한 상황은 RIA 플랫폼들이 기존의 데스크탑 PC 환경에 비해 모바일 환경에 적용하기에 만만치 않기 때문이다. 즉, 데스크탑 PC와 비교할 때, 모바일 플랫폼의 다양성, 빠른 플랫폼 업그레이드, 그리고 낮은 모바일 단말의 컴퓨팅 파워 등은 RIA 플랫폼 적용에 걸림돌이 되고 있다. 
 
또한 애플이 자사의 아이폰, 아이패드에서 플래시 지원을 하지않고 HTML5을 적극적으로 수용하면서 이러한 상황은 더욱 확고해 지고 있다. 
 
스마트폰 애플리케이션은 하이브리드 형태로 진화 

 


스 마트폰 성공의 1등 공신은 애플리케이션 개발자와 소비자를 직접 연결시켜주는 앱스토어이다. 현재 아이폰 앱스토어에 등록된 애플리케이션 개수는 2010년 10월 20일 기준으로 30만개를 넘어섰고, 안드로이드 마켓에도 애플리케이션 개수가 빠르게 증가하고 있다. 
 
그러나 모바일 플랫폼들이 지속적으로 많아지고 모바일 애플리케이션의 경쟁이 치열해 지면서 투자대비 효율을 극대화 하기 위해 하이브리드 형태의 애플리케이션 개발이 점차 증가하고 있다. 이는 애플리케이션의 많은 부분은 표준 웹 기술을 활용하되 꼭 필요한 부분만 네이티브 기능을 활용하여 개발한다. 그리고 마지막으로 타겟 앱스토어에 맞는 패키징 후 등록을 한다. 즉, 네이트브 애플리케이션으로 보이지만 내부적으로는 표준 웹 기술을 많이 사용한다. 멀티 플랫폼 이슈 때문에 앞으로 상당기간 하이브리드 애플리케이션이 확산될 것으로 예상된다. 
 
웹 애플리케이션 스토어의 등장 및 해결이 필요한 이슈 

 


몇 달전 아이폰을 지원하는 오픈 앱 마켓(Open App Market)이라는 웹 애플리케이션 스토어가 처음 등장을 했고, 최근 구글이 크롬 웹스토어를 공개하였다. 그리고 모질라도 웹 애플리케이션 스토어에 대한 계획이 있다고 한다. 이러한 웹 애플리케이션 스토어들은 잠재력이 있는 웹 애플리케이션을 사용자가 쉽게 찾고 이용할 수 있는 통로를 제공한다는 측면에서 의미가 크며, 향후 웹 애플리케이션 활성화에 크게 기여할 것으로 예상된다. 
 
하지만 웹 애플리케이션 스토어가 큰 의미를 갖기 위해서는 이에 대한 표준이 필요해 보인다. 지금까지는 표준이 없다보니 오픈 앱 마켓의 경우 아이폰만을 지원하며, 크롬 웹 스토어의 경우도 현재 크롬OS와 크롬 브라우저로만 사용이 가능할 뿐 다른 웹 브라우저에서는 이를 활용할 수 없다. 이러한 문제는 스마트폰의 앱스토어에 비해 개선된 것이 없어 보인다. 
 
상당기간 동안 네이티브, 하이브리드, 웹 애플리케이션이 공존할 것으로 예상된다. 즉, 타겟 애플리케이션의 특성이 이와 같은 세가지 방법 중 어떤 것을 활용하는 것이 좋을지 고민이 필요하다는 의미이다. 
 
그러나 점차적으로 네이티브 애플리케이션들이 하이브리드 형태로 이동하고, 또한 네이티브나 하이브리드 애플리케이션이 점진적으로 웹 애플리케이션 형태로 이동할 것이다. 이러한 상황은 모바일 단말 뿐아니라 TV, 캠코더, 카메라, 냉장고 등 향후 거의 모든 기기들에도 적절한 애플리케이션을 제공해야 한다는 관점에서 웹 보다 더 효율적인 방법이 아직까지는 없기 때문이다. 또한 iOS 4.2의 가속센서 및 웹소켓을 위한 자바스크립트 API 지원 등 주요 브라우저 벤더의 적극적인 노력이 HTML5 기반 웹 애플리케이션의 가능성을 더욱 높이고 있다. 2011년에는 어떤 형태의 모바일 애플리케이션들이 강세를 보일지 지켜보자.

 

[필자소개]
현 재 ETRI 선임연구원이며, W3C HTML5 대한민국 관심그룹(W3C HTML5 Korean Interest Group) 의장, 모바일 웹 2.0 포럼 HTML5 AG(Ad-hoc Group) 의장, W3C 대한민국 사무국 코디네이터 등으로도 활동하고 있다. 트위터는 @wonsuk73을 사용하고, 미래 웹 표준 기술에 관한 이야기(http://www.wonsuk73.com/)라는 블로그를 운영중이다.

저작자 표시 비영리 변경 금지
신고
Posted by 이원석(wonsuk73@gmail.com)

댓글을 달아 주세요

  1. Automatic Litter Box 2013.01.05 12:47 신고  댓글주소  수정/삭제  댓글쓰기

    새로운 게시물 이용할 수있게 혹은 변경이 귀하의 사이트에서 발생하는 경우, 더 많은 읽기 및 방법을 논의 이러한 접근 방식의 좋은 사용을 만드는 방법을 찾는에 관심이 될 경우.

  2. massagem tailandesa 2014.04.14 23:41 신고  댓글주소  수정/삭제  댓글쓰기

    더 많은 읽기 및 방법을 논의 이러한 접근 방식의 좋은 사용을 만드는 방법을 찾는에 관심이 될 경우.

  3. acompanhantes sp 2014.04.30 06:30 신고  댓글주소  수정/삭제  댓글쓰기

    2012년 한 해 동안 수고 많이 하셨습니다. 2013년

  4. 강부장 2015.05.04 21:56 신고  댓글주소  수정/삭제  댓글쓰기

    오직 한가지 브랜드 '플래이온ㅋrㅈl노'로만
    고(객)과 신(뢰)를 쌓아가고 있는저희는,
    과거 라(이)브(카)지(노) 업(계)의 모든 것을
    개척하고 창시한 역사를 가지고 있습니다. kr8899.ur.pe
    긴역사동안,
    단한번의 출(금)사(고)도 없었던 저희는 고(객)과의 신(의)가 바로
    비지니스 성(공0의 핵(심)적인 코(어0라는 생각을 가지며,
    항상 신(의)를 마음속 깊이 담아두고 있습니다.
    저희는 라(이)브(카)지(노) 업(계)의 메인스트림입니다. kr8899.ur.pe
    요즘은 우후죽순으로 사(이)트가 생겼다 없어졌다,
    이름을 바꿔서 다시 나타나고 하는 세태가 반복되지만,
    저희는 오직한가지 브(랜)드 '플래이온(카)지(노)'로만 여러분들 앞에 설 것 입니다.kr8899.ur.pe
    또한 고(객)의 안-전이 저희의 안-전이라는 지극히 상식적인 팩트를 바탕으로,
    여러개의 외(국)인 해(외)법(인) 계(좌)의 운(영)으로, 고(객)에게 불미스런 피해가
    가지 않기위해 최선을 다하고 있습니다.

    플레이온: kr8899.ur.pe

  5. 강부장 2015.05.10 04:32 신고  댓글주소  수정/삭제  댓글쓰기

    오직 한가지 브랜드 '플래이온ㅋrㅈl노'로만
    고(객)과 신(뢰)를 쌓아가고 있는저희는,
    과거 라(이)브(카)지(노) 업(계)의 모든 것을
    개척하고 창시한 역사를 가지고 있습니다. kr8899.ur.pe
    긴역사동안,
    단한번의 출(금)사(고)도 없었던 저희는 고(객)과의 신(의)가 바로
    비지니스 성(공0의 핵(심)적인 코(어0라는 생각을 가지며,
    항상 신(의)를 마음속 깊이 담아두고 있습니다.
    저희는 라(이)브(카)지(노) 업(계)의 메인스트림입니다. kr8899.ur.pe
    요즘은 우후죽순으로 사(이)트가 생겼다 없어졌다,
    이름을 바꿔서 다시 나타나고 하는 세태가 반복되지만,
    저희는 오직한가지 브(랜)드 '플래이온(카)지(노)'로만 여러분들 앞에 설 것 입니다.kr8899.ur.pe
    또한 고(객)의 안-전이 저희의 안-전이라는 지극히 상식적인 팩트를 바탕으로,
    여러개의 외(국)인 해(외)법(인) 계(좌)의 운(영)으로, 고(객)에게 불미스런 피해가
    가지 않기위해 최선을 다하고 있습니다.

    플레이온: kr8899.ur.pe

  6. 장과장 2015.05.15 07:00 신고  댓글주소  수정/삭제  댓글쓰기

    오직 한가지 브랜드 '플래이온ㅋrㅈl노'로만
    고(객)과 신(뢰)를 쌓아가고 있는저희는,
    과거 라(이)브(카)지(노) 업(계)의 모든 것을
    개척하고 창시한 역사를 가지고 있습니다. kr8899.ur.pe
    긴역사동안,
    단한번의 출(금)사(고)도 없었던 저희는 고(객)과의 신(의)가 바로
    비지니스 성(공0의 핵(심)적인 코(어0라는 생각을 가지며,
    항상 신(의)를 마음속 깊이 담아두고 있습니다.
    저희는 라(이)브(카)지(노) 업(계)의 메인스트림입니다. kr8899.ur.pe
    요즘은 우후죽순으로 사(이)트가 생겼다 없어졌다,
    이름을 바꿔서 다시 나타나고 하는 세태가 반복되지만,
    저희는 오직한가지 브(랜)드 '플래이온(카)지(노)'로만 여러분들 앞에 설 것 입니다.kr8899.ur.pe
    또한 고(객)의 안-전이 저희의 안-전이라는 지극히 상식적인 팩트를 바탕으로,
    여러개의 외(국)인 해(외)법(인) 계(좌)의 운(영)으로, 고(객)에게 불미스런 피해가
    가지 않기위해 최선을 다하고 있습니다.

    플레이온: kr8899.ur.pe

  7. 김대리 2015.05.24 22:28 신고  댓글주소  수정/삭제  댓글쓰기

    라ㅇl브 ㅋrㅈl노 kr8899.wu.ms

    kr8899.wu.ms

    플레리텍 슬롯개임 kr8899.wu.ms

    마이크로 슬롯개임 kr8899.wu.ms

  8. 강부장 2015.05.30 09:35 신고  댓글주소  수정/삭제  댓글쓰기

    라ㅇl브 ㅋrㅈl노 kr8899.wu.ms

    플레이온 ㅋrㅈl노 kr8899.wu.ms

    플레리텍 슬롯개임 kr8899.wu.ms

    마이크로 슬롯개임 kr8899.wu.ms

2010년 11월 11일에 W3C HTML5 대한민국 관심그룹 킥오프 회의를 SK그린빌딩에서 진행했다. HTML5 대한민국 관심그룹에 대한 좀더 자세한 내용은 예전에 블로그에 썼던 W3C HTML5 대한민국 관심그룹(HTML5 Korean Interest Group) 활동 시작!!! 글을 참조하기 바란다. 이번 회의에는 정말 특별한 회의였는데, 그 이유는 W3C의 CEO인 Jeff Jaffe가 직접 참석하였고, 또한 W3C와 최근 웹 표준 기술에 대한 소개를 했기 때문이다.


행사장 분위기


HTML5 킥오프 회의 프로그램

  • 14:00 ~ 14:40: W3C 소개 (Jeff Jaffe, CEO of W3C) 
  • 14:40 ~ 15:10: Break:
  • 15:10 ~ 15:50: Introduction of W3C HTML5 Korean Interest Group (이원석, W3C HTML5 대한민국 관심그룹 의장)
  • 15:50 ~ 16:00: Break:
  • 16:00 ~ 18:00: HTML5 Korean Interest Group 킥오프 회의   



  • Jeff 발표 후 떠나기 전 기념샷

    Jeff의 기조연설 직후 20분 정도 휴식을 하여 참석자들이 Jeff와 개인적으로 이야기할 수 있는 시간을 갖었고, 이후 필자가  Introduction of W3C HTML5 Korean Interest Group에 대하여 발표했다. 이 발표에서는 HTML5에 대한 간단한 소개, HTML5 표준화 현황 및 표준 개발 일정 그리고 마지막으로 W3C HTML5 대한민국 관심그룹의 임무, 운영기간, 활동 범위, 활동 방향 등에 대해서 소개하였다. 자세한 회의결과는 W3C 대한민국 사무국을 통해서 공개될 예정이다.

    Introduction of W3C HTML5 Korean Interest Group에 대한 발표자료는 아래와 같다.
    Introduction of W3C HTML5 Korean Interest Group
    View more presentations from Wonsuk Lee.

    HTML5 대한민국 관심그룹 차기회의 일정
    일시: 2010년 12월 2일(목요일) 15:00 ~ 18:00
    장소: SK그린빌딩 20층 대회의실

    마지막으로 W3C HTML5 대한민국 관심그룹에는 HTML5에 관심이 있는 어떤 분이라도 가입이 가능하며, W3C HTML5 대한민국 관심그룹 활동 및 참여방법 안내에 따라 가입하면된다. 관심있는 분들의 적극적인 참여를 기대한다.

    저작자 표시 비영리 변경 금지
    신고
    Posted by 이원석(wonsuk73@gmail.com)

    댓글을 달아 주세요

    1. bitroid 2010.11.12 16:10 신고  댓글주소  수정/삭제  댓글쓰기

      제 뒤통수도 나왔네요 :) 어제 수고 많으셨습니다. ㅋㅋ

    2. 이윤석 2010.11.12 17:49 신고  댓글주소  수정/삭제  댓글쓰기

      어제는 수고 많으셨습니다.
      좋은 주말되시기 바랍니다. ^^
      활발한 활동이 있는 html5 KIG가 되기를 기대합니다. ^^

    3. doctor's note 2011.09.13 23:08 신고  댓글주소  수정/삭제  댓글쓰기

      이것은 매우 흥미로운 것입니다. 내가 찾은 다행. 하지만 공유 주셔서 감사합니다.

    4. sacoche longchamp 2013.04.20 14:25 신고  댓글주소  수정/삭제  댓글쓰기

      하게 소개하면서 윤동주의

    5. press release distribution 2014.01.12 23:49 신고  댓글주소  수정/삭제  댓글쓰기

      측정법을 통해 미지의 샘플 농도를 계산하는 다양한 방법이있다, 그러나 참조 표준을 사용하는 최고의 정확성을 제공한다.분광 광도계 분석 오작동하거나 다른 문제가있는 경우 또한, 표준도를 나타냅니다.

    6. editor proofreader 2014.01.19 00:23 신고  댓글주소  수정/삭제  댓글쓰기

      마지막으로 W3C HTML5 대한민국 관심그룹에는 HTML5에 관심이 있는 어떤 분이라도 가입이 가능하며

    7. limo service naperville il 2014.02.03 05:26 신고  댓글주소  수정/삭제  댓글쓰기

      나는이 그룹 한국 W3C HTML5 공화국에 관심이 있어요. 이 블로그를 주셔서 감사합니다.

    8. massagem tailandesa 2014.04.14 23:41 신고  댓글주소  수정/삭제  댓글쓰기

      다양한 방법이있다, 그러나 참조 표준을 사용하는 최고의 정확성

    9. acompanhantes sp 2014.04.30 06:30 신고  댓글주소  수정/삭제  댓글쓰기

      더 자주 다른 게시물을 추적할 것입니다, 감사합니다

    소 개
    드디어 W3C HTML5 대한민국 관심그룹이 활동을 시작한다. W3C HTML5 KIG(HTML5 Korean Interest Group)에 대해서 간단하게 소개를 하면 W3C HTML5 KIG은 W3C의 공식적인 그룹이며 W3C에서 HTML 표준 개발을 담당하고 있는 HTML WG의 하위 그룹에 속해있다. 그리고 HTML5에 관심이 있는 분이면 특별한 제약없이 참여가 가능합니다. 

    활동목표
    대한민국에서 HTML5 표준(안) 그리고 HTML5와 밀접히 관계된 표준에 초점을 둔 논의를 활성화 하고, 이들 표준과 관련된 대한민국의 코멘트와 질문들을 모으며, 이들 표준에 정의된 기술에 대한 대한민국의 특별한 유즈케이스(Use Case)를 정리하는 것이다. 그리고 이러한 활동의 결과를 W3C의 HTML WG 및 다른 적절한 WG 그리고 W3C 회원사와 커뮤니티에 보고하는 것이다.


    활동범위
    HTML5 대한민국 관심그룹의 작업은 대한민국에서 HTML5 표준(안)에 대한 논의의 핵심적인 역할을 하는 것이다. 본 그룹은 대한민국의 관련 기업이나 전문가들이 HTML5 및 관련 기술과 관련된 W3C 활동 참여를 촉진시키기 위한 방법으로 대한민국 W3C 멤버들과 합의하에 제안되었다. 그리고 대한민국 W3C 멤버들은 다음과 같은 리스트의 실현에 도움을 줄 수 있는 새로운 관심그룹의 생성 제안에 동의 하였다:
    • HTML5에 대한 잠재적인 공헌자들이 HTML5에 관한 공개적인 논의를 영어보다는 모국어를 통해서 효과적으로 참여할 수 있도록 한다.
    • 공헌자들이 모국어를 이용해서 기술적인 논의를 할 수 있는 환경의 제공은 잠재적 참여자들에게 같은 시간대에서 다른 공헌자들과 적시에 의사소통을 할 수 있는 최적의 기회를 제공한다.

    본 그룹은 HTML5 표준(안)을 포함하여 다음과 같은 관련 표준(안)들에 대해 검토할 수 있다. 그러나 반드시 아래의 표준(안)들에 제한되는 것은 아니다:

    본 그룹은 Device APIs and Policy Working Group이나 Web Performance Working Group 등 웹 API와 관련된 다른 그룹에서 개발된 표준초안에 대해서도 검토할 수 있다.

    HTML5 표준(안)과 관련 표준(안) 검토와 함께 본 그룹은 이들 표준(안)에 대한 코멘트와 질문들을 받아 정리하고, 이들 표준(안)에 정의된 기술과 관련된 대한민국에서의 특별한 유즈케이스(Use Case)들에 대한 정보를 모을 수 있다. 또한 이러한 활동의 결과를 HTML WG과 Web Applications WG, Geolocation WG 그리고 Device APIs and Policy WG 등 관련된 적절한 그룹 그리고 W3C 회원사 및 공동체에 제공할 수 있다.

    W3C HTML5 KIG은 대한 자세한 사항은 HTML5 대한민국 관심그룹 챠터(HTML5 Korean Interest Group Charter)를 보면 자세히 알수 있습니다.

    가입방법
    가입 방법은 W3C HTML5 대한민국 관심그룹 활동 및 참여방법 안내를 보고 가입하면 된다.


    HTML5 KIG에 대한 개인적인 기대
    향후HTML5는 현재 W3C에서 개발하고 있는 표준의 중심에 있으며 산업계의 요구도 상당하다.또한 앞으로 HTML5의 적용은 모바일 단말을 시작으로 거의 모든 Internet Connected Device로 확장 될 것으로 예상된다. 따라서 HTML5 KIG가 국내의 HTML5 관련 기술 및 표준화 동향, 현재의 이슈를 논의하는 국내의 대표적인 논의장의 역할과 국내 기업들이 원하는 표준 기능을 W3C 표준에 반영하는 창구역할을 기대한다.

    관련기사




    저작자 표시 비영리 변경 금지
    신고
    Posted by 이원석(wonsuk73@gmail.com)

    댓글을 달아 주세요

    1. 이전 댓글 더보기
    2. massagem relaxante 2014.04.01 21:22 신고  댓글주소  수정/삭제  댓글쓰기

      블로그 게시물의 개념을 좋아합니다. 그것은 잘뿐만 아니라 묘사로 묘사된다.

    3. massagem relaxante 2014.04.01 21:25 신고  댓글주소  수정/삭제  댓글쓰기

      이들 표준에 정의된 기술에 대한 대한민국의 특별한 유즈케이스(Use Case)를 정리하는 것이다. 그리고 이러한 활동의 결과를 W3C의 HTML WG 및 다른 적절한 WG 그리고 W3C 회원사와 커뮤니티에 보고하는 것이다.

    4. acompanhantes campinas 2014.04.01 21:37 신고  댓글주소  수정/삭제  댓글쓰기

      그것은 잘뿐만 아니라 묘사로 묘사된다.

    5. massagem 2014.04.05 21:39 신고  댓글주소  수정/삭제  댓글쓰기

      기술에 대한 대한민국의 특별한 유즈케이스(Use Case)를 정리하는 것이다. 그리고 이러한 활동의 결과를 W3C의 HTML WG 및 다른 적절한 WG

    6. massagem 2014.04.05 21:39 신고  댓글주소  수정/삭제  댓글쓰기

      기술에 대한 대한민국의 특별한 유즈케이스(Use Case)를 정리하는 것이다. 그리고 이러한 활동의 결과를 W3C의 HTML WG 및 다른 적절한 WG

    7. 2014.04.05 21:39  댓글주소  수정/삭제  댓글쓰기

      비밀댓글입니다

    8. 2014.04.05 21:39  댓글주소  수정/삭제  댓글쓰기

      비밀댓글입니다

    9. massagem tantrica 2014.04.08 01:14 신고  댓글주소  수정/삭제  댓글쓰기

      회원사와 커뮤니티에 보고하는 것이다.

    10. acompanhantes sp 2014.04.08 09:11 신고  댓글주소  수정/삭제  댓글쓰기

      블로그 게시물의 개념을 좋아합니다. 이것은 매우 흥미로운 것입니다. 내가 찾은 다행.

    11. acompanhantes em sp 2014.04.09 04:46 신고  댓글주소  수정/삭제  댓글쓰기

      백한 습서작가추구한슬픔과외움라는 테마를 어 을것같습니.조각의모은그의 이(족)라요. 정말완

    12. acompanhantes são paulo 2014.04.11 10:00 신고  댓글주소  수정/삭제  댓글쓰기

      브루가가들조각했는데 실수을리는없.....에라잇 르것다 섬세한 조각씨하나만

    13. massagem tantrica curitiba 2014.04.12 01:07 신고  댓글주소  수정/삭제  댓글쓰기

      적절한 WG 그리고 W3C 회원사와 커뮤니티에 보고하는 것이다.

    14. acompanhantes de sp 2014.04.16 00:34 신고  댓글주소  수정/삭제  댓글쓰기

      대한민국에서 HTML5 표준(안) 그리고 HTML5와 밀접히 관계된 표준에 초점을 둔 논의를 활성화

    15. massagem tantrica sp 2014.04.25 02:23 신고  댓글주소  수정/삭제  댓글쓰기

      이것은 매우 흥미로운 것입니다. 내가 찾은 다행

    16. sexo amador 2014.04.29 10:54 신고  댓글주소  수정/삭제  댓글쓰기

      이것은 매우 흥미로운 것입니다. 내가 찾은 다행.

    17. acompanhantes sp 2014.04.30 06:29 신고  댓글주소  수정/삭제  댓글쓰기

      을것같습니.조각의모은그의 이(족)라요. 정말완

    18. massagista 2014.05.14 12:51 신고  댓글주소  수정/삭제  댓글쓰기

      을것같습니.조각의모은그의 이(족)라요. 정말완

    19. 박실장 2015.03.12 10:06 신고  댓글주소  수정/삭제  댓글쓰기

      라ㅇl브 ㅋrㅈl노 kr8899.wu.ms

      플레이온 ㅋrㅈl노 kr8899.wu.ms

      플레리텍 슬롯개임 kr8899.wu.ms

      마이크로 슬롯개임 kr8899.wu.ms

    20. Series Online 2015.07.17 05:45 신고  댓글주소  수정/삭제  댓글쓰기

      이것은 매우 흥미로운 것입니다. 내가 찾은 다행

    21. Séries Online 2015.07.17 05:49 신고  댓글주소  수정/삭제  댓글쓰기

      기술에 대한 대한민국의 특별한 유즈케이스(Use Case)를 정리하는 것이다. 그리고 이러한 활동의 결과를

    지금까지 말이 많았던 HTML5 표준 개발 일정에 대한 Last Call 일정이 공개되었다. 이는 W3C에서 HTML WG의 의장들에게 좀더 빨리 HTML5 표준 개발을 진행해 줄 것을 요청함에 따라서 새로운 Last Call 일정을 준비한 것이다. 지금까지 HTML5 표준 개발 일정에 대한 불만들이 많았던 상황에서 아주 좋은 뉴스라고 생각이 된다.

     

    간단하게 일정을 정리해보면 아래와 같다.

     -      2010 10 1: HTML5 표준 초안 Last Call

    n  HTML5 Last Call 코멘트 받기 시작

     

    -      2011 5 22: HTML5 표준 초안 Last Call 종료

    n  HTML5에 대한 모든 코멘트와 이슈들 정리완료

      

    이렇게 진행된 상황을 간단히 설명하면, W3CHTML5 표준을 2007년부터 개발하고 있다. 다양한 회사들의 비즈니스 이슈로 지금까지 많은 논쟁이 있었으며, 따라서 HTML WG 의장들은 WG내의 표준개발을 효과적으로 하기 위해 결정정책을 만들어서 진행하고 있었다. 현재 HTML5 표준에는 200개 정도의 버그와 25 개정도의 이슈가 있는 상황이다.

     이와 같은 상황에서 좀더 빠르게 HTML5 Last Call 단계로 진행하기 위해, HTML WG 의장들은 HTML5의 초기 Last Call에 대한 일정 계획하여 진행할 계획이다. 2010 10월부터 받는 HTML5 표준과 관련된 모든 새로운 버그들은 의장들의 허가할 수 있는 예외적인 상황으로 인정하여 Last Call 코멘트로 처리될 예정이다. 이러한 의지는 초기 Last Call로 가기 위한 것으로 최대한 빨리 이슈들을 정리하기 위한 것이다.

     

     구체적인 Last Call 마무리 일정

     2011 522까지 Last Call 단계를 마무리하는 구체적인 일정은 아래와 같다.

    목표 일정

    수행할 작업

    2010 10 1

    -   Cutoff for bugs to be considered as pre-LC feedback

    Consequence of missing this date: bugs beyond this date will be treated as Last Call comments. The Chairs could grant exceptions on a case-by-case basis, but in general there is no guarantee of a bug filed after the cutoff being settled before Last Call.

     

    Note: We're working with the editor to find ways to ensure tighter change control for the draft after the cutoff date, but we do not have anything to announce on this front yet.

    201012 8

    -   All bugs filed by cutoff date addressed by editor

    Consequences of missing this date: bugs still open past this date can be escalated to issues immediately if the originator so chooses.

    2011 1 22

    -   Cutoff for escalating bugs for pre-LC consideration - all issues in tracker, calls for proposal issued by this date

    Consequences of missing this date: any further escalations will be treated as a Last Call comment.

    2011 2 23

    -   Every issue has at least one Change Proposal

    Consequences of missing this date: issues will be closed without prejudice and marked POSTPONED; can be reconsidered during LC or for a later version of HTML.

    2011 3 22

    -   all calls for counter-proposals complete

    Consequences of missing this date: if any issue has only one proposal, we call for consensus on that proposal.

    2011 4 22

    -   all issues resolved; LC resolution presented to group

    Consequences of missing this date: this would be solely a failure by the chairs, so we would publicly eat crow and plot a new date.

    2011 5 22

    -   fixable LC objections addressed; if all goes well, LC resolution carries

    Consequences of missing this date: try LC resolution again.

     

     

    참고자료

     HTML5: Getting to Last Call

    http://www.w3.org/QA/2010/09/html5_getting_to_last_call.html

     Timeline to Last Call

    http://lists.w3.org/Archives/Public/public-html/2010Sep/0074.html

    저작자 표시 비영리 변경 금지
    신고
    Posted by 이원석(wonsuk73@gmail.com)

    댓글을 달아 주세요

    1. 이전 댓글 더보기
    2. Joshuaen 2015.01.19 17:28  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    3. Hermanio 2015.01.20 09:50  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    4. Thomasyi 2015.01.20 10:16  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    5. Joshuaen 2015.01.20 20:11  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    6. Enriqueui 2015.01.21 21:39  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    7. Hermanio 2015.01.22 11:38  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    8. Georgetty 2015.01.22 11:42  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    9. Enriqueui 2015.01.23 07:52  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    10. Matthewsy 2015.01.23 08:50  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    11. Matthewsy 2015.01.23 19:40  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    12. Joshuaen 2015.01.23 20:56  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    13. Matthewsy 2015.01.24 06:26  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    14. Matthewsy 2015.01.24 17:58  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    15. Enriqueui 2015.01.24 19:45  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    16. Matthewsy 2015.01.25 04:00  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    17. Thomasyi 2015.01.25 04:57  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    18. Hermanio 2015.01.25 12:00  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    19. Matthewsy 2015.01.25 14:54  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    20. Matthewsy 2015.01.27 01:56  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    21. Hermanio 2015.01.27 03:15  댓글주소  수정/삭제  댓글쓰기

      이용약관위배로 관리자 삭제된 댓글입니다.

    샌프란시스코의 자바, PHP 그리고 HTML5 사용자 그룹이 호스트하여 개최된 HTML5에 대한 행사가 2010년 5월 11일에 있었다. 이 행사에 초청된 연사들은 HTML5에 대한 최고의 전문가이기 때문에 HTML5에 대해 관심이 있는 분이라면 본 비디오들은 반드시 참고할 필요가 있다.

    1. LearnAbout HTML5 and the Future of the Web (구글 Brad Neuberg)





    2.Learn About HTML5 and IE9 (마이크로소프트 Giorgio Sardo)






    3. Learn About HTML5 Communications APIs ( Kaazing Peter Lubbers )






    저작자 표시 비영리 변경 금지
    신고
    Posted by 이원석(wonsuk73@gmail.com)
    TAG html5, 강의

    댓글을 달아 주세요

    1. sayingu 2010.10.28 23:50 신고  댓글주소  수정/삭제  댓글쓰기

      좋은 자료 감사 합니다~ 1등 이네요 ㅎㅎ

    2. kaitlynn 2012.02.22 13:08 신고  댓글주소  수정/삭제  댓글쓰기

      시화님 집사랑하라 번 상처받지않것처럼 부내이번 편집어소되서많이 려기 였니다.각하 든오늘의현실을지나는이들이나

    3. here 2012.03.30 05:42 신고  댓글주소  수정/삭제  댓글쓰기

      각박고힘든 늘 실을 나 들나 성취감 만는이. 두게소한교이되 싯귀 여겨집니다.이시 고대이라 다윗에얽힌 다음과 같은이야기 소재로 였다고합니다.다 이어느날궁의세인을 러자을기는아름다 지 나만라고 시며

    4. article 2012.03.30 20:26 신고  댓글주소  수정/삭제  댓글쓰기

      바나나는옷이인가 어 놓으면 (바에닿지않게)오래 관가능고

    5. Website 2012.04.06 17:41 신고  댓글주소  수정/삭제  댓글쓰기

      르다 날도더데 네가알서해라. 너더위 먹었지?아빠는.헤헤헤.

    6. web designer 2012.04.19 21:55 신고  댓글주소  수정/삭제  댓글쓰기

      시화님 집사랑하라 번 상처받지않것처럼 부내이번 편집어소되서많이 려기 였니다.각하 든오늘의현실을지나는이들이나

    7. áo thời trang 2012.04.19 21:56 신고  댓글주소  수정/삭제  댓글쓰기

      각박고힘든 늘 실을 나 들나 성취감 만는이. 두게소한교이되 싯귀 여겨집니다.이시 고대이라 다윗에얽힌 다음과 같은이야기 소재로 였다고합니다.다 이어느날궁의세인을 러자을기는아름다 지 나만라고 시며

    8. magento themes 2012.04.19 21:56 신고  댓글주소  수정/삭제  댓글쓰기

      좋은 자료 감사 합니다~ 1등 이네요 ㅎㅎ

    9. http://efrenchdoors.com/pages/exterior-french-doors 2012.12.04 02:06 신고  댓글주소  수정/삭제  댓글쓰기

      좋은 글 감사합니다! HTML5에 관심이 지대하게 많은 1인에게 큰 도움이 되셨어요! :)

    10. nike sko 2013.04.20 13:04 신고  댓글주소  수정/삭제  댓글쓰기

      모든 건 너로인해 변해

    11. sacoche longchamp 2013.04.22 02:28 신고  댓글주소  수정/삭제  댓글쓰기

      본 논문은 서론과 결론을

    12. acompanhantes sp 2014.04.30 06:32 신고  댓글주소  수정/삭제  댓글쓰기

      이시 고대이라 다윗에얽힌 다음과 같은이야기 소재로 였다고합니다.다 이어느날궁의세인을 러자을기는아름다 지 나만라고 시며

    13. Life Experience Degrees 2015.03.09 18:01 신고  댓글주소  수정/삭제  댓글쓰기

      시화님 집사랑하라 번 상처받지않것처럼 부내이번 편집어소되서많이 려기 였니다.각하 든오늘의현실을지나는이들이나

    본 글은 구글이 운영하고 있는 HTML5ROCKS (HTML5 개발자 사이트)에 올라온 Best Practices for a Faster Web App with HTML5를 기반으로 번역하여 정리한 것이다원문과 거의 비슷하지만 완전히 똑같이 번역한 것은 아니다.

    원문http://www.html5rocks.com/tutorials/speed/quick/

      

    n  소개 

    HTML5의 많은 부분은 지금까지 자바스크립트 라이브러리로 처리했던 다양한 기술과 기능에 대한 네이티브 브라우저 기능을 제공하는 것이다이러한 기능을 사용하는 것은 처리속도를 훨씬 빠르게 만들 수 있다본 튜터리얼에서는 어떻게 HTML5 CSS3를 이용하여 반응이 빠른 애플리케이션을 개발할 수 있는지에 중점을 둔다.

     

    n  1: 쿠키 대신 웹 저장소를 사용하라

    쿠키는 지금까지 사용자 데이터를 식별하기 위해 지금까지 사용되어 왔지만 이는 심각한 단점들을 가지고 있었다가장 큰 결점은 모든 쿠키 데이터가 모든 HTTP 헤더에 추가된다는 것이다이는 성능에 커다란 악영향을 줄 수 있으며특히 XHR을 사용하는 경우에는 더욱 문제가 될 수 있다그래서 모범사례는 쿠키 크기를 줄이는 것이다. HTML5에서는 이보다 더 효과적인 방법이 있는데이는 쿠키 대신 sessionStorage localStorage를 사용하는 것이다.

     

    // if localStorage is present, use that

    if (('localStorage' in window) && window.localStorage !== null) {

     

      // easy object property API

      localStorage.wishlist = '["Unicorn","Narwhal","Deathbear"]';

     

    } else {

     

      // without sessionStorage we'll have to use a far-future cookie

      //   with document.cookie's awkward API :(

      var date = new Date();

      date.setTime(date.getTime()+(365*24*60*60*1000));

      var expires = date.toGMTString();

      var cookiestr = 'wishlist=["Unicorn","Narwhal","Deathbear"];'+

                      ' expires='+expires+'; path=/';

      document.cookie = cookiestr;

    }

     

     

    n  2: 자바스크립트 애니메이션 대신 CSS Transitions를 사용하라 

    CSS Transitions는 두 상태간의 아주 매력적인 시각 효과를 준다대부분의 스타일 프로퍼티는 택스트 그림자(text-shadow), 위치(position), 배경 또는 색상 등에 대한 처리로 변화될 수 있다. “:hover” 또는 HTML5 , “:invalid”과 “:valid”와 같이 pseudo-selector states 변화하여효과를   있다.

     

    div.box {

      left: 40px; 

      -webkit-transition: all 0.3s ease-out;

         -moz-transition: all 0.3s ease-out; 

           -o-transition: all 0.3s ease-out; 

              transition: all 0.3s ease-out;

    }

    div.box.totheleft { left: 0px; }

    div.box.totheright { left: 80px; }

     

    “totheleft”와 “totheright” 클래스 토글링(toggling)을 추가하여 box를 이동할 수 있다이 코드의양을 자바스크립트 애니메이션 라이브러리와 비교해 보자명확히 브라우저에 보내지는 바이트 수는 CSS 기반 애니메이션을 사용할 때가 훨씬 적다추가적으로 GPU 레벨 가속화를 이용하면 이러한 시각 효과는 아주 부드럽게 처리될 것이다.

     

     

    n  3: 서버와 통신하는 대신 클라이언트측의 데이터베이스를 사용하라 

    Web SQL Database IndexedDB는 클라이언트 측의 데이터베이스 기능이다. XHR 또는 폼 제출(form submission)를 이용해 데이터를 서버에 포스팅하는 것이 일반적인 패턴이지만이러한 방식 대신 클라이언트 측의 데이터베이스를 사용할 수 있다. HTTP 요청을 줄이는 것이 모든 성능 엔지니어의 1순위 목표이다따라서 데이터베이스를 이용하여 서버와의 통신을 많이 줄일 수 있다. localStorage 그리고 sessionStorage는 특정 사이트의 각 단계별 입력 정보를 저장하는데 활용할 수 있으며이는 클라이언트 측의 데이터베이스 API 보다 훨씬 빠르다.

    예를 들면만일 수백개의 메시지를 갖은 데이터 그리드 컴포넌트 또는 수신함이 있을 때로컬 데이터베이스 안에 데이터 저장을 한 것은 사용자가 검색필터링정렬 등을 원할 때HTTP로 서버와 통신하는 것을 크게 줄일 수 있다.

    좀더 자세히 이해하고 싶으면 Web SQL Database Tutorial을 참고해라

     

    n  4: 자바스크립트 개선은 상당한 성능 개선을 제공한다 

    자바스크립티 1.6에는 Array prototype에 대한 많은 메소드가 추가되었으며, 이들은 지금 IE를 제외한 대부분의 브라우저에서 사용가능하다.


    // give me a new array of all values multiplied by 10

    [5,6,7,8,900].map(function(value){ return value*10; }); // [50,60,70,80,9000]

      

    // create links to specs and drop them into #links

    ['html5','css3','webgl'].forEach(function(value){

      var linksList = document.querySelector('#links');

      var newLink = value.link('http://google.com/search?btnI=1&q=' + value + ' spec');

      linksList.innerHTML +=  newLink;

    }); 

     

    // Return a new array of all mathematical constants under 2

    [3.14, 2.718, 1.618].filter(function(number){

      return number < 2;

    });

    // [1.618]

     

    // You can also use these extras on other collections like nodeLists

    [].forEach.call(document.querySelectorAll('section[data-bucket]'), function(elem,i){

      localStorage['bucket' + i] = elem.getAttribute('data-bucket');

    })


    대부분의 경우 이들 Native 메소드를 사용하는 것은 전형적인 for 루프를 사용하는 것 보다 훨씬빠르다: for ( var i = 0; len = arr.length; i < len; i++ ).

    Native JSON 파싱( JSON.parse() ) json2.js 파일을 대체한다. Native JSON은 외부의 스크립트를 사용하는 것보다 훨씬 빠르고 안전하다이미 IE8, 오페라 10.50, 파이어폭스 3.5, 사파리4.0.3 그리고 크롬에서 이미 제공한다.

     

    n  5: 라이브 사이트에 대해서도 캐쉬 매니페스트(cache manifest)를 사용하라 

    2년전에 워드프레스(Wordpress는 워드프레스 터보(Wordpress Turbo)라는 기능을 추가하기 위해 구글 기어스(Google Gears)를 사용했다이는 속도를 높이기 위해 관리 패털의 많은 자원들을 로컬에 캐슁하였다우리는 이와 같은 기능을 HTML5의 애플리케이션 캐쉬(applicationCache) cache.manifest로 실현할 수 있다.

    애플리케이션 캐쉬는 Expires 헤더를 설정하여 사용하는 것보다 좀더 많은 장점이 있다그리고 이러한 방법은 캐슁할 파일을 명확히 정리하여 사용할 수 있고따라서 브라우저가 특정자원이 사용되기 전에 미리 캐슁할 수 있기 때문에 실행 속도를 최적화 시킬 수 있다.

    사이트의 구조를 탬플릿으로 생각해 보자이는 HTML의 구조는 그대로 유지하고 변경 가능한 데이터를 포함한다애플리케이션 캐쉬를 이용해서 사이트를 구성하는 HTML 템플릿들을 처리하고,  cache.manifest를 통해서 마크업을 캐슁한 후 컨텐츠의 업데이트는 JSON을 받아서 처리한다이와 같은 모델은 아이폰이나 안드로이드 Native 뉴스 앱이 하는 것과 아주 유사하다.

     이에 대한 가이드는 application cache tutorial을 참조해라.

      

    n  6: 비주얼 처리를 개선하기 위해서 하드웨어 가속기능을 켜라 

    가장 앞서고 있는 브라우저에서 많은 시각적 처리는 GPU-레벨 가속기능을 최대한 활동할 수 있다. GPU-레벨 가속기능은 고도의 동적 처리를 자연스럽게 처리하는데이는 Firefox Minefield IE9 그리고 사파리5에서 지원한다크롬은 현재 3D 변환 기능과 하드웨어 가속 기능을 윈도우 버전에서만 지원하며조만간 다른 플랫폼에서도 지원할 예정이다.

    GPU 가속기능은 단지 아주 제한된 조건하에서만 동작한다그러나 3D 변환과 애니메이션 투명도는 이러한 기능을 기동시키기 위한 가장 일반적인 방법이다조심스럽게 이러한 기능을 켜는 방법은 아래와 같다. 

    .hwaccel {  -webkit-transform: translateZ(0); }

     

    그렇지만보장할 수는 없다. :)

    지원되는 하드웨어 가속기능으로 애니메이션 변환(animated translation), 회전(rotation), 크기조정(scaling), 투명도는 확실히 부드럽게 표현될 것이다이들 효과는 층별 컨텐츠를 다시 그릴 필요없이 GPU로 직접 처리되는 장점을 가질 것이다그러나 페이지의 레이아웃에 영향을 주는 모든 프로퍼티들은 아직은 상대적으로 느리게 보일 것이다.

      

    n  7: CPU에 부담을 많이 주는 오퍼레이션에 대해서는 웹 워커를 사용하라 

    웹워커는 두가지 중요한 장점을 갖는다. 1) 속도가 빨라진다. 2) 태스크들을 수행하는 동안에도 브라우저는 반응할 수 있는 상황을 유지한다.  워커에 대한 데모는 HTML5 Slide Deck을 참고해라

    웹워커를 사용하기에 적합한 몇몇 상황들은 아래와 같다. 

    -       긴 문서의 테스트 포맷팅(Text formatting of a long document)

    -       문법 강조(Syntax highlighting)

    -       이미지 처리(Image processing)

    -       이미지 합성(Image synthesis)

    -       대량의 배열 처리(Processing large arrays)

     

     

    n  8: HTML5 폼 애트리뷰트와 Input 타입 

    HTML5에는 search, tel, url, email, datetime, date, month, week, time, datetime-local, number, range, color 등 새로운 input type들을 추가됐다현재까지는 이들 기능지원에 대한 브라우저간의 편차가 크며단지 오페라만 대부분 기능을 지원하고 있다따라서 이러한 기능을 사용할 때 접속하는 브라우저의 지원여부를 확인해서 절절한 처리를 해주어야 한다.

    추가적으로 HTML5에 폼과 관련하여 입력 폼의 기본값을 사용자에게 흐릿하게 보여주는placeholder와 페이지를 로딩한 후 입력박스에 자동으로 커서를 위치시키는 autofocus 애트리뷰트가 추가되었다또한 사용자 입력 값의 검증 기능과 관련해서 사용자가 입력을 했는지를 검증해 주는 required 애트리뷰트 그리고 입력 값 검증을 위한 패턴을 표현하는 pattern 애트리뷰트가 추가되었다. Pattern 애트리뷰트에 자바스크립트 정규식으로 패턴을 정의하면 브라우저가 사용자가 입력한 값이 정의된 패턴에 맞는지 검증을 자동으로 해준다예를들어 이메일 주소 같은 것을 이러한 pattern 애트리뷰트를 이용해서 쉽게 검증할 수 있다이러한 기능을 사용하면 자바스크립트로 코드를 상당히 줄일 수 있으며 브라우저 내장된 기능으로 처리하기 때문에 속도가 빠르다.

    이와 관련된 데모는 HTML5 Slide deck을 참고해라.

     

    n  9: 이미지 효과를 표현할 때 CSS3 effects를 최대한 활용해라 

    CSS3는 지금까지 정밀한 시각적 디자인 표현을 위해 사용하던 이미지 처리들을 대체할 수 있는다양한 종류의 기능을 제공한다. 2K 크기의 이미지를 100 Byte CSS로 대체하는 것은 큰 장점이다물론 추가적인 HTTP 요청이 필요없는 장점도 생긴다활용하기 좋은 CSS의 몇가지 주요 효과들은 아래와 같다. 

    l  Linear and radial gradients

    l  Border-radius for rounded corners

    l  Box-shadow for drop shadows and glow

    l  RGBA for alpha opacity

    l  Transforms for rotation

    l  CSS masks

     

    예를들어 gradients를 이용해서 아주 우아한 버튼을 만들 수 있으며 이미지로 처리하던 다양한 효과들을 대체할 수 있다이와 같은 기능들은 대부분의 브라우저들이 안정적으로 지원하고 있다또한 이런 기능을 지원하는 않는 브라우저에 대한 처리는 Modernizr와 같은 라이브러리를 이용하여 체크하고 대응되는 이미지를 준비하여 처리하면 된다.

     

    n  10: XHR보다 적은 밴드위스로 빠르게 전달할 수 있는 웹소켓 

    웹소켓은 Comet의 인기가 급증하는 것에 대응해서 설계되었다지금은 XHR 모델 기반의Comet 대신에 웹소켓을 사용하는 것이 좋다. 

    웹소켓은 간결한 프레임을 사용하기 때문에 XHR 보다 훨씬 적은 bandwidth를 소비한다몇몇 리포트에 따르면 유선 환경에서 35% 정도의 바이트가 줄어든다고 한다추가적으로 메시지를 전송할 때 큰 크기를 대상으로 하면 성능의 차이가 훨씬더 명확해진다시험에서 XHR이 웹소켓보다 3500% 정도의 전송 시간이 더 필요한 것으로 평가되었다최근에 에릭슨 실험실은 웹소켓의 시험을 통해 HTTP 기반의 ping 시간이 웹소켓에 비해 3 ~ 5배 정도 길다는 것을 확인했다따라서 에릭슨에서는 웹소켓이 실시간 애플리케이션에 확실히 더 적절하다는 것으로 결론을 내렸다.

     

    n  추가적인 자원들 

    성능측정을 위해 파이어폭스의 Page Speed 플러그인그리고 YSlow를 사용할 수 있다추가적으로 Speed Tracker for Chrome DynaTrace Ajax for IE는 좀더 세부적인 분석 정보를 제공한다.

    Chrome Developer Tools에 대한 가이드 Resource Tab과 조만간 출시될 새로운 Audits panel을 통해 제공할 것이다.

    저작자 표시 비영리 변경 금지
    신고
    Posted by 이원석(wonsuk73@gmail.com)

    댓글을 달아 주세요

    1. 이전 댓글 더보기
    2. Acompanhantes 2012.08.25 04:08 신고  댓글주소  수정/삭제  댓글쓰기

      나는, 아주 중요한 문서를 여러분의 게시물을 읽고, 나는 더 자주 다른 게시물을 추적할 것입니다, 감사합니다

    3. can ho saigon pearl 2012.09.16 02:00 신고  댓글주소  수정/삭제  댓글쓰기

      에라잇 르것다 섬세한 조각씨하나만큼은대하~ 단!

    4. www.roomdividersco.com 2012.11.20 15:50 신고  댓글주소  수정/삭제  댓글쓰기

      항상 좋은 글들 잘 보고 있습니다. 세미나 또 기획중에 있습니다. 더 많은 것 보여주십시오. ^^ 한번 찾아뵐게요..

    5. frontdoorshq.com 2012.12.04 02:42 신고  댓글주소  수정/삭제  댓글쓰기

      브루가가들조각했는데 실수을리는없.....에라잇 르것다 섬세한 조각씨하나만큼은대하~ 단!

    6. chuyen phat nhanh 2012.12.24 13:01 신고  댓글주소  수정/삭제  댓글쓰기

      매우 유용 문서를 참조하십시오. 제가 HTML5을 이해 찾고 있는데, 그것은 많은 사람들이 흥미있다

    7. áo khoác nữ 2012.12.24 23:04 신고  댓글주소  수정/삭제  댓글쓰기

      HTML5는 재미 배웁니다. 많은 기능과 부하 매우 빠른 속도가

    8. Hombre Timberland 2012.12.25 16:05 신고  댓글주소  수정/삭제  댓글쓰기

      La chanteuse américaine Shania Twain s'est mariée, http://www.timberlandbaratas.com Mujer Timberland, à Puerto Rico, http://www.timberlandbaratas.com outlet timberland, samedi, http://www.timberlandbaratas.com timberland, rapporte le site spécialisé dans les célébrités TMZ, http://www.timberlandbaratas.com botas timberland.com, http://www.timberlandbaratas.com zapatos timberland, le jour-même, http://www.timberlandbaratas.com barato timberland. People David Arquette en désintoxication People Nouvel album de Lady Gaga : 23 maiRelated articles:


      http://iyoonsmom.tistory.com/9715 The business district is not far from the ocean view hotels and transportation to get into the city

      http://mizycenter.tistory.com/180 Le site "Créateurs de possibles"

    9. ssg real 2013.01.20 22:52 신고  댓글주소  수정/삭제  댓글쓰기

      안녕하세요, 좋은 글 잘 봤습니다 ^^

    10. Iconia PC tablet dengan Windows 8 2013.02.18 19:54 신고  댓글주소  수정/삭제  댓글쓰기

      クをわざわざ貼らない」のではなく、リンクを

    11. Cipto Junaedy 2013.02.18 19:55 신고  댓글주소  수정/삭제  댓글쓰기

      けの場合がトラックバックススパムというようですが

    12. Cipto Junaedy ebook 2013.03.16 11:01 신고  댓글주소  수정/삭제  댓글쓰기

      큐브를 테스트해봤더니 ios에서는 구현이 되고 안드로이드 디바이스에서는 z 값 표현이 안되더라구요..

    13. percakapan bahasa inggris 2013.03.16 11:04 신고  댓글주소  수정/삭제  댓글쓰기

      html5 와 css3 이용해서 모바일웹 프로젝트를 진행중인데요..

    14. 2013.06.12 17:59  댓글주소  수정/삭제  댓글쓰기

      비밀댓글입니다

    15. critical review essay 2014.01.12 23:48 신고  댓글주소  수정/삭제  댓글쓰기

      빛은 샘플로 가득 베트 통해 빛난다.시료에 의해 흡수되는 빛의 양을 측정한다. 화합물은 다양한 스펙트럼 범위의 광을 흡수하기 때문에, 오른쪽 파장은 분석을 위해 설정되어야한다.

    16. penjualan online 2014.01.30 16:56 신고  댓글주소  수정/삭제  댓글쓰기

      비밀번호 비밀글

    17. Grosir Sprei Murah Berkualitas 2014.04.02 18:17 신고  댓글주소  수정/삭제  댓글쓰기

      html5 와 css3 이용해서 모바일웹 프로젝트를 진행중인데요..

    18. acompanhantes sp 2014.04.30 06:32 신고  댓글주소  수정/삭제  댓글쓰기

      디바이스에서는 z 값 표현이 안되더라구요

    19. ssg tower 2014.05.09 21:00 신고  댓글주소  수정/삭제  댓글쓰기

      구현이 되고 안드로이드 디바이스에서는 z 값 표현이

    20. pasang iklan gratis 2015.02.03 11:44 신고  댓글주소  수정/삭제  댓글쓰기

      유용한 자습서를 제공해 주셔서 감사합니다.

    조금전 2010 모바일 콘텐츠 컨퍼런스에서 발표했던 자료이다. 이 자료를 준비하면서 모건스텐리의 인터넷 트랜드 리포트를 찹조했는데 모바일 시대가 빠르게 오고 있음을 다시금 느낄 수 있었다. 그리고 웹킷으로 정리가 되고 있는 모바일 웹 플랫폼 환경에서 HTML5 기반 웹 애플리케이션의 가능성은 충분하다는 생각이 들었다.

    HTML5 and the Future of the Mobile Web
    View more presentations from wonsuk73.

    저작자 표시 비영리 변경 금지
    신고
    Posted by 이원석(wonsuk73@gmail.com)

    댓글을 달아 주세요

    1. 민원기 2010.09.01 08:06 신고  댓글주소  수정/삭제  댓글쓰기

      잘 봤습니다. 감사합니다.

    2. partir 2010.09.01 16:26 신고  댓글주소  수정/삭제  댓글쓰기

      어제 발표하신 내용 잘 들었습니다.그리고 자료 공유 해 주셔서 감사합니다.

    3. 김동환 2010.09.01 21:22 신고  댓글주소  수정/삭제  댓글쓰기

      HTML5에 대해서 유익한 정보 설명해주신 점 감사합니다.
      어제 마지막에 트윗 팔로윙 하겠다고 한 젊은이 입니다:)

    4. 강성일 2011.07.22 10:12 신고  댓글주소  수정/삭제  댓글쓰기

      자료 잘보았습니다. 저는 HTTP기반 HTML5 미디어 스트리밍에 관심이 있습니다.

    5. visit this url 2012.03.28 14:48 신고  댓글주소  수정/삭제  댓글쓰기

      동차키와 대을안지 네..참로우리집 22층인 이미엘리베이터는 내려고있..

    6. click here 2012.12.04 02:10 신고  댓글주소  수정/삭제  댓글쓰기

      어제는 수고 많으셨습니다.
      좋은 주말되시기 바랍니다. ^^
      활발한 활동이 있는 html5 KIG curtains for french doors 가 되기를 기대합니다. ^^

    7. acompanhantes em sp 2014.04.30 06:37 신고  댓글주소  수정/삭제  댓글쓰기

      자료 공유 해 주셔서 감사합니다.



    티스토리 툴바