{"id":3053,"date":"2010-06-05T03:14:26","date_gmt":"2010-06-04T18:14:26","guid":{"rendered":"http:\/\/hyunsik.me\/wordpress\/?p=3053"},"modified":"2015-01-22T23:24:23","modified_gmt":"2015-01-22T14:24:23","slug":"%ec%95%a0%ed%94%8c-html-5-%ec%98%88%ec%8b%9c","status":"publish","type":"post","link":"http:\/\/hyunsik.me\/wordpress\/?p=3053","title":{"rendered":"\uc560\ud50c\uc758 HTML5 \ub370\ubaa8 \uc0ac\uc774\ud2b8 &#8211; Safari Technology Demos"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-3062\" title=\"\uc640\uc6b0\" src=\"http:\/\/hyunsik.me\/wordpress\/wp-content\/uploads\/2010\/06\/\uc640\uc6b0.jpg\" alt=\"\" width=\"466\" height=\"292\" \/><\/p>\n<p>\uc560\ud50c(Apple)\uc774 HTML5, CSS3, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc774\uc6a9\ud574\uc11c \ub9cc\ub4e0<br \/>\n<span style=\"color: #0000ff;\"> Safari Technology Demos<\/span> \ud398\uc774\uc9c0\ub97c \uc624\ud508\ud558\uace0, \uc0c1\ub2f9\uc218\uc758 \ub370\ubaa8\ub97c \ubcf4\uc5ec\uc8fc\uace0 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\n\ud398\uc774\uc9c0 \uc81c\ubaa9\uc5d0\uc11c \ubcf4\uc2dc\ub2e4\uc2dc\ud53c \uac01\uc885 \uae30\uae30\uc758 \uc0ac\ud30c\ub9ac\ub97c \uc704\ud55c<br \/>\n\uc6f9 \uac1c\ubc1c \uad00\ub828 \ub370\ubaa8\ub85c \ubcf4\uc2dc\uba74 \ub420 \uac83 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<p><a href=\"http:\/\/developer.apple.com\/safaridemos\/\" target=\"_blank\"> http:\/\/developer.apple.com\/safaridemos\/ <\/a><\/p>\n<p>\uc544\ub798\ub294 \u00a0\uc560\ud50c\uc5d0\uc11c video \ud0dc\uadf8\ub97c \uc0ac\uc6a9\ud55c \ubd80\ubd84\uc778\ub370\uc694.<br \/>\n\uc560\ud50c\uc758 video \ud0dc\uadf8 \uad00\ub828 \ubd80\ubd84\uc744 \ub72f\uc5b4 \uc654\uc2b5\ub2c8\ub2e4.<br \/>\n\uc0ac\ud30c\ub9ac\ub85c \ubcf4\uc9c0 \uc54a\uc744 \uacbd\uc6b0 \ub300\uccb4 \uc774\ubbf8\uc9c0\ub85c \ubcf4\uc774\uac70\ub098 \uc544\ubb34 \uac83\ub3c4 \ubcf4\uc774\uc9c0 \uc54a\uac8c \ub429\ub2c8\ub2e4.<br \/>\n\uc775\uc2a4\ud50c\ub85c\ub7ec\ub97c \uc81c\uc678\ud55c \ub300\ubd80\ubd84\uc758 \ube0c\ub77c\uc6b0\uc800\ub294 video \ud0dc\uadf8\ub97c \uc9c0\uc6d0\ud558\ub294\ub370<br \/>\n\uc544\ub798\uc758 \uc601\uc0c1\uc774 \uc548\ub098\uc624\ub294 \uc774\uc720\ub294 \uc544\uc9c1 \ubaa8\ub974\uaca0\ub124\uc694.<br \/>\n\uc54c\uac8c \ub418\uba74 \ub0b4\uc6a9\uc744 \ucd94\uac00\ud558\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<br \/>\n\u203b \ub370\uc2a4\ud06c\ud0d1 \uc0ac\ud30c\ub9ac\uc640 \uc544\uc774\ud3f0 \uc0ac\ud30c\ub9ac\uc5d0\uc11c\ub294 \ubcf4\uc774\uace0(\uc0c8\ucc3d), \uc544\uc774\ud328\ub4dc\uc5d0\uc11c\ub294 \uc548\ubcf4\uc785\ub2c8\ub2e4. &amp;&amp; CPU \uc810\uc720\uc728\uc774 \ub192\uc73c\ub2c8 \ub108\ubb34 \ub9ce\uc774 \ubcf4\uc9c0 \ub9c8\uc138\uc694.^^;<\/p>\n<p>\uc775\uc2a4\ud50c\ub85c\ub7ec 9\uc774 HTML5 \ub97c \uc9c0\uc6d0\ud558\uae30 \uc2dc\uc791\ud558\uace0,<br \/>\nHTML5 \uc9c0\uc6d0 \ube0c\ub77c\uc6b0\uc800 \uc0ac\uc6a9\uc790\uac00 \uc804\uccb4\uc758 90% \uc774\uc0c1\uc774 \ub420 \ub54c \ucbe4<br \/>\nvideo \ud0dc\uadf8 \ub4f1\uc758 HTML5 \uad00\ub828 \ud0dc\uadf8\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc744 \uac83 \uac19\uc2b5\ub2c8\ub2e4.<br \/>\n\uc544\ub9c8 \uc801\uc73c\uba74 3\ub144, \ub9ce\uc73c\uba74 7~8\ub144\uc740 \uac78\ub9ac\uc9c0 \uc54a\uc744\uae4c \uadf8\ub807\uac8c \uc0dd\uac01\ub418\ub124\uc694.<\/p>\n<p>\uc0ac\uc2e4 HTML5\uc758 \uc0c8\ub85c\uc6b4 \ud0dc\uadf8\ub4e4\uc774 \ub9ce\uc740 \uac83\uc744 \uc9c0\uc6d0\ud55c\ub2e4\uace0 \ud574\ub3c4<br \/>\n\ud50c\ub798\uc2dc\ub97c \ub300\uccb4\ud558\uae30 \uc704\ud574\uc11c\ub294 \uacb0\uad6d! \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc5f4\uc2ec\ud788 \uc0ac\uc6a9\ud574\uc57c \ud558\ub294\ub370\uc694.<br \/>\n\uc560\ud50c\uc740 \uc800 \ub370\ubaa8\ub97c \ub9cc\ub4e4\uae30 \uc704\ud574 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ud504\ub808\uc784\uc6cd\uc778 prototype.js \uc640<br \/>\nscriptaculous.js \ub97c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ud504\ub808\uc784\uc6cd\uc73c\ub85c \uc0ac\uc6a9\ud558\uc600\uace0,<br \/>\n\ub300\uccb4\uc801\uc73c\ub85c <span style=\"color: #0000ff;\">HTML5\ub97c \uc0ac\uc6a9\ud55c\ub2e4\uae30 \ubcf4\ub2e4\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8<\/span>\ub85c \ub9ce\uc740 \uac83\ub4e4\uc744 \ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>&lt;meta http-equiv=&#8221;X-UA-Compatible&#8221; content=&#8221;IE=EmulateIE7&#8243; \/&gt;<br \/>\n\uac00 \uc560\ud50c\uc774 \uc4f8 \uba54\ud0c0\ub294 \uc544\ub2cc\ub370.. ^_^;<br \/>\n\uc560\ud50c\ub3c4 \uc800 \ud0dc\uadf8\ub97c \uc4f0\ub098\uc694?(2010\ub144 6\uc6d4 5\uc77c \uae30\uc900)<\/p>\n<p>\uc560\ud50c\uc758 \ub370\ubaa8\ub294 \uc0ac\ud30c\ub9ac\ub97c \ub300\uc0c1\uc73c\ub85c \ub9cc\ub4e4\uc5c8\uc9c0\ub9cc, \uadf8 \ub370\ubaa8\ub97c \ubcf4\ub2e4\uc2dc\ud53c<br \/>\nHTML5 + \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub85c <span style=\"color: #0000ff;\">\ud50c\ub798\uc2dc\uac00 \uac00\uc9c4 \uc601\uc5ed(\uc6f9\uc5d0\uc11c\ub294 \ud2b9\uc774\ud55c)\uc744 \ubaa8\ub450 \ucee4\ubc84\ud558\ub824\uba74<\/span><br \/>\n\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc758 \uc791\uc5c5 \ud658\uacbd(\ud504\ub808\uc784\uc6cd, \ub514\ubc84\uae45 \ud234 \ub4f1)\uc774 \ud604\uc7ac\ubcf4\ub2e4 \uc88b\uc544\uc57c \ud558\uace0,<br \/>\n\ubaa8\ub4e0 \ube0c\ub77c\uc6b0\uc800\uac00 \uc6f9 \ud45c\uc900\uc744 \uc900\uc218\ud574\uc57c \ud558\uba70,<br \/>\n\ub300\ub2e4\uc218\uc758 \uc0ac\uc6a9\uc790\uac00 \uc6f9 \ud45c\uc900\uc744 \uc900\uc218\ud55c \ube0c\ub77c\uc6b0\uc800\ub97c \uc0ac\uc6a9\ud574\uc57c \ud569\ub2c8\ub2e4.<br \/>\n\ubb3c\ub860 \uc774\ub7f0 \uc88b\uc740 \uc0c1\ud669\uc740 \uc5c6\uc5c8\ub2e4\uace0 \ubcf4\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<p>\ud558\uc9c0\ub9cc \ud50c\ub798\uc2dc, \uc2e4\ubc84\ub77c\uc774\ud2b8 \ub4f1\uc758 \uc6f9 \ube0c\ub77c\uc6b0\uc800 \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\uba74<br \/>\n\uadf8\ub7f0 \uac83\ub4e4\uc744 \uace0\ub824\ud558\uc9c0 \uc54a\uc544\ub3c4 \ubaa8\ub4e0 \uc0ac\uc6a9\uc790\uc5d0\uac8c<br \/>\n\ub3d9\uc77c\ud55c \ud658\uacbd\uc744 \ubcf4\uc5ec\uc904 \uc218 \uc788\ub2e4\ub294 \uc774\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\n\ub610\ud55c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 + HTML5 \ubcf4\ub2e4 \uac1c\ubc1c \uc18d\ub3c4, \ud004\ub9ac\ud2f0\ub3c4 \uc88b\uc740 \ud3b8\uc774\uc9c0\uc694.<br \/>\n\ubb3c\ub860 \uc5b4\ub290 \ubd80\ubd84\uc5d0 \uc788\uc5b4\uc11c\ub294 HTML5\uc758 \ud0dc\uadf8\ub97c \uc120\ud0dd\ud558\ub294 \uac83\uc774 \uc88b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\n\u203b \uc6f9\uc5d0\uc11c \ud50c\ub798\uc2dc\uac00 \uac00\uc9c4 \uc601\uc5ed(\uc6f9\uc5d0\uc11c\ub294 \ud2b9\uc774\ud55c \uc77c\ubd80\ubd84)\uc744 \ucee4\ubc84\ud558\ub294 \ubd80\ubd84\uc5d0 \ub300\ud55c \uc774\uc57c\uae30\uc600\uc2b5\ub2c8\ub2e4.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-3072\" style=\"border: 1px solid black;\" title=\"AdobeAppleAd\" src=\"http:\/\/hyunsik.me\/wordpress\/wp-content\/uploads\/2010\/06\/AdobeAppleAd.jpg\" alt=\"\" width=\"313\" height=\"567\" \/><\/p>\n<p>\uc560\ud50c\uc758 \ud50c\ub798\uc2dc \ubc30\uc81c\ub294 \uac00\uba74 \uac08\uc218\ub85d \uae30\uc220\uc801\uc778 \uc774\uc720\ubcf4\ub2e4\ub294<br \/>\n\ube44\uc9c0\ub2c8\uc2a4\uc801\uc778 \uac08\ub4f1 \ud639\uc740 \ucda9\ub3cc\ub85c \ubcf4\uc5ec\uc9c0\ub124\uc694.<\/p>\n<p>\uac1c\uc778\uc801\uc73c\ub85c\ub294 <span style=\"color: #0000ff;\">\ud50c\ub798\uc2dc(\ud639\uc740 \uc2e4\ubc84\ub77c\uc774\ud2b8 \ub4f1)<\/span>\uc640 <span style=\"color: #0000ff;\">\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8, HTML<\/span>\uacfc \ud568\uaed8<br \/>\n\uae30\uc220, UI, \uc2dc\uac04 \ub4f1 \ubaa8\ub4e0 \uac83\uc5d0 \ub300\ud55c <span style=\"color: #ff0000;\">\uc808\ubb18\ud55c \uc870\ud654<\/span>\ub97c \uc774\ub8e8\uc5b4 \uc6f9\uc744 \uafb8\ub824\ub098\uac00\uba74 \uc88b\uc744 \uac83 \uac19\uc544 \ubcf4\uc785\ub2c8\ub2e4.<\/p>\n<p>\uc5bc\ub9c8 \uc804\uae4c\uc9c0\ub9cc \ud574\ub3c4 \ud50c\ub798\uc2dc\uac00 \ub108\ubb34 \uad11\uc801\uc73c\ub85c \uc4f0\uc600\ub358 \uac83\uc774 \ubb38\uc81c\uc600\ub294\ub370,<br \/>\n\uc560\ud50c\uc758 \uc774\ub7ec\ud55c \uc815\ucc45\uc774 \ub300\uc911\uc758 \uc0dd\uac01\uc744 \ub9ce\uc774 \ubc14\uafd4\ub193\uc544\uc11c<br \/>\n\uadf8 \ubd80\ubd84\uc5d0 \ube0c\ub808\uc774\ud06c\ub97c \uc870\uae08 \uac78\uc5b4 \uc900 \uac83 \uac19\uc544 \uc798\ub41c \uc77c\uc774\uae34 \ud569\ub2c8\ub2e4\ub9cc<br \/>\n\ud50c\ub798\uc2dc\ub97c \uc544\uc8fc \uc4f0\uc9c0 \uc54a\uaca0\ub2e4\ub294 \uc815\ucc45\uc740 \uc870\uae08 \uc0dd\uac01\ud574\ubcfc \uc815\ucc45\uc778 \uac83 \uac19\uc2b5\ub2c8\ub2e4.<br \/>\n\uc55e\uc73c\ub85c \uc560\ud50c\uacfc \uc5b4\ub3c4\ube44\uac00 \uc5b4\ub5a4 \uc0c1\ud669\uc744 \ud3bc\uccd0\uac08 \uc9c0 \ub9e4\uc6b0 \uae30\ub300\uac00 \ub429\ub2c8\ub2e4.<\/p>\n<p>HTML 5\uc5d0 \ub300\ud55c \uac01 \ube0c\ub77c\uc6b0\uc800\ubcc4 \ub370\ubaa8\ub294 \uc544\ub798\uc5d0\uc11c \uc5b4\ub290\uc815\ub3c4 \ud655\uc778\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\nHTML 5 Demos and Examples(\ube0c\ub77c\uc6b0\uc800\ubcc4) : <a href=\"http:\/\/html5demos.com\/\" target=\"_blank\">http:\/\/html5demos.com\/<\/a><\/p>\n<p>\uc88b\uc740 \uc2dc\uac04 \ub418\uc2ed\uc2dc\uc624.<br \/>\n\uac10\uc0ac\ud569\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc560\ud50c(Apple)\uc774 HTML5, CSS3, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc774\uc6a9\ud574\uc11c \ub9cc\ub4e0 Safari Technology Demos \ud398\uc774\uc9c0\ub97c \uc624\ud508\ud558\uace0, \uc0c1\ub2f9\uc218\uc758 \ub370\ubaa8\ub97c \ubcf4\uc5ec\uc8fc\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud398\uc774\uc9c0 \uc81c\ubaa9\uc5d0\uc11c \ubcf4\uc2dc\ub2e4\uc2dc\ud53c \uac01\uc885 \uae30\uae30\uc758 \uc0ac\ud30c\ub9ac\ub97c \uc704\ud55c \uc6f9 \uac1c\ubc1c \uad00\ub828 \ub370\ubaa8\ub85c \ubcf4\uc2dc\uba74 \ub420 \uac83 \uac19\uc2b5\ub2c8\ub2e4. http:\/\/developer.apple.com\/safaridemos\/ \uc544\ub798\ub294 \u00a0\uc560\ud50c\uc5d0\uc11c video \ud0dc\uadf8\ub97c \uc0ac\uc6a9\ud55c \ubd80\ubd84\uc778\ub370\uc694. \uc560\ud50c\uc758 video \ud0dc\uadf8 \uad00\ub828 \ubd80\ubd84\uc744 \ub72f\uc5b4 \uc654\uc2b5\ub2c8\ub2e4. \uc0ac\ud30c\ub9ac\ub85c \ubcf4\uc9c0 \uc54a\uc744 \uacbd\uc6b0 \ub300\uccb4 \uc774\ubbf8\uc9c0\ub85c \ubcf4\uc774\uac70\ub098 \uc544\ubb34 \uac83\ub3c4 \ubcf4\uc774\uc9c0 \uc54a\uac8c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[176,8],"tags":[957,956,162,210,44,955,953,92,950,205,815,949,954,951,211,20,952,21,598,163,903,291,164],"jetpack_featured_media_url":"","views":"","jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/3053"}],"collection":[{"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3053"}],"version-history":[{"count":1,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/3053\/revisions"}],"predecessor-version":[{"id":6694,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/3053\/revisions\/6694"}],"wp:attachment":[{"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3053"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3053"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}