2010 웹 월드 발표자료(인쇄용)
TRANSCRIPT
!" # $%&' HTML5GS()* IT!+, -./ 01
23
45 # $%&6 789 :;
HTML5 <=
HTML5 >?6 @AB
>? :C
Q&A
45 # $%&6 789 :;
DEFGH IJK LM
# NO OP QR
STUS& QR
VW
:X YZ
[\D
45 # $%&6 789 :;
��� �� ��� �
U]^_ `ab
cd : http://gs.statcounter.com http://genesispark.net/387
U]^_ `ab
cd : http://gs.statcounter.com http://genesispark.net/387
2010e f g hW...
&ijk )l
mGn Apple Vs Android
IoVp Webkit6 qr sZ.
Web Vs App
[\D #
WebApp, Hybrid App, Web to App
tGn...
[\D #6 u@ -> HTML5 Vv6 wx2
N-Screen Device6 Vv
Device API 6 y0 -> WebOS
z" .{ UI H$6 HTML
HTML5 <=
HTML4/XHTML |$ HTML5H6 }: ~�
Ä-Fx Å$ ÇÉ
AÑ1ÖQÜGH$6 #
HTML5H áàâ ä P ãå?
http://slides.html5rocks.com
http://www.youtube.com/watch?v=fyfu4OwjUEI
http://office365.microsoft.com/en-us/office-web-apps.aspx
HTML5 >?6 @AB
NO Zç6 ÅZ
éèu6 ÅZ
ê{X èë6 ÅZ
Zí9 %{6 ÅZ
>? :C
!+X/ì1X6 ?@
Dç9 .î6 ÅZ
DEFx ë^ ïñó òaô ãö
[\D $%&6 ë^ Fõ >? úù
$%&û ü1†ò °¢ä Lxô?
g£ !§Q •¶f ßQ®©™ F{
´Ñ¨ Ä-û ≠ë ä •¶ Æö
ê5 Ø&´| ^∞ >?†± ~W
≤XQ≥/¥µ1∂6 ?@
"á ¢∑ Äü6 ÅZ
Q∏®Hπ ô§ †∫ LQ CSS3H Ä7 ô§
DHTML> JSô ïª CSS3H Ä7 ô§
≤XQ≥ ®º >Ä6 }:
¥µ1∂|$ Ωnjæø 殿¡H6 }:Q •¶
=}X6 ?@
Javascript! Javascript! Javascript!
# =}X6 ä DQ ¬¡√
U]^_ ƒ:| 0f `KFx �≈(Progressive Enhancement)
Modernizr
HTML5 Boilerplate
ô@ •¶f Ló
h∆'6 «»9 <…
! | 0f Qg Vs ! ê{6 Qa
†oX †± iö
Follow the white rabbit
ÀoX∆
W3C HTML5 Spec : (http://bit.ly/3Cpwg)
Dive into HTML5 :(http://bit.ly/4jKdGT)
HTML5 Doctor : (http://bit.ly/2B4Kd)
HTML5 CSS Reset : (http://bit.ly/7ZXbY)
Adobe Flash to HTML5 : (http://bit.ly/dA20s4)
Adobe Animation Tool : (http://bit.ly/dkHqE9)
Sencha Animator : (http://bit.ly/9TDDd5)
Modernizr (http://bit.ly/bOWySO)
HTML5Shiv (http://bit.ly/17Yhue)
[\D $%&û oJfÃp
jQTouch (http://jqtouch.com)
jQuery Mobile (http://jquerymobile.com)
Sencha Touch (http://www.sencha.com)
ÕŒ¿T
Clearboth (http://www.clearboth.org)
Webdevmobile (http://webdevmobile.com)
[œ] ! µH– (http://hacks.mozilla.or.kr)
†ø—“†± ê”M (http://cafe.naver.com/hacosa)