ݺߣ

ݺߣShare a Scribd company logo
!" # $%&' HTML5
GS()* 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 #
2010 웹 월드 발표자료(인쇄용)
2010 웹 월드 발표자료(인쇄용)
2010 웹 월드 발표자료(인쇄용)
2010 웹 월드 발표자료(인쇄용)
2010 웹 월드 발표자료(인쇄용)
2010 웹 월드 발표자료(인쇄용)
2010 웹 월드 발표자료(인쇄용)
2010 웹 월드 발표자료(인쇄용)
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
2010 웹 월드 발표자료(인쇄용)
!+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)
‘ ’÷f ©üQ ãÃp...
Twitter : @ACodeFarmer
email : km9ace@gmail.com
http://www.webdevmobile.com

More Related Content

2010 웹 월드 발표자료(인쇄용)

  • 1. !" # $%&' HTML5 GS()* IT!+, -./ 01
  • 2. 23 45 # $%&6 789 :; HTML5 <= HTML5 >?6 @AB >? :C Q&A
  • 3. 45 # $%&6 789 :; DEFGH IJK LM # NO OP QR STUS& QR VW :X YZ [D
  • 4. 45 # $%&6 789 :;
  • 5. U]^_ `ab cd : http://gs.statcounter.com http://genesispark.net/387
  • 6. U]^_ `ab cd : http://gs.statcounter.com http://genesispark.net/387
  • 7. 2010e f g hW... &ijk )l mGn Apple Vs Android IoVp Webkit6 qr sZ. Web Vs App [D # WebApp, Hybrid App, Web to App
  • 8. tGn... [D #6 u@ -> HTML5 Vv6 wx2 N-Screen Device6 Vv Device API 6 y0 -> WebOS z" .{ UI H$6 HTML
  • 9. HTML5 <= HTML4/XHTML |$ HTML5H6 }: ~ Ä-Fx Å$ ÇÉ AÑ1ÖQÜGH$6 #
  • 18. HTML5H áàâ ä P ãå? http://slides.html5rocks.com http://www.youtube.com/watch?v=fyfu4OwjUEI http://office365.microsoft.com/en-us/office-web- apps.aspx
  • 19. HTML5 >?6 @AB NO Zç6 ÅZ éèu6 ÅZ ê{X èë6 ÅZ Zí9 %{6 ÅZ
  • 20. >? :C
  • 22. !+X/ì1X6 ?@ Dç9 .î6 ÅZ DEFx ë^ ïñó òaô ãö [D $%&6 ë^ Fõ >? úù $%&û ü1†ò °¢ä Lxô? g£ !§Q •¶f ßQ®©™ F{ ´Ñ¨ Ä-û ≠ë ä •¶ Æö ê5 Ø&´| ^∞ >?†± ~W
  • 23. ≤XQ≥/¥µ1∂6 ?@ "á ¢∑ Äü6 ÅZ Q∏®Hπ ô§ †∫ LQ CSS3H Ä7 ô§ DHTML> JSô ïª CSS3H Ä7 ô§ ≤XQ≥ ®º >Ä6 }: ¥µ1∂|$ Ωnjæø 殿¡H6 }:Q •¶
  • 24. =}X6 ?@ Javascript! Javascript! Javascript! # =}X6 ä DQ ¬¡√ U]^_ ƒ:| 0f `KFx ≈(Progressive Enhancement) Modernizr HTML5 Boilerplate
  • 25. ô@ •¶f Ló h∆'6 «»9 <… ! | 0f Qg Vs !  ê{6 Qa †oX †± iö
  • 27. À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)
  • 28. [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)
  • 29. ‘ ’÷f ©üQ ãÃp... Twitter : @ACodeFarmer email : km9ace@gmail.com http://www.webdevmobile.com