{"id":3339,"date":"2010-06-22T00:08:19","date_gmt":"2010-06-21T15:08:19","guid":{"rendered":"http:\/\/hyunsik.me\/wordpress\/?p=3339"},"modified":"2018-08-10T00:17:55","modified_gmt":"2018-08-09T15:17:55","slug":"html5-%ec%98%a4%ed%94%88-%ec%bb%a8%ed%8d%bc%eb%9f%b0%ec%8a%a4","status":"publish","type":"post","link":"http:\/\/hyunsik.me\/wordpress\/?p=3339","title":{"rendered":"HTML5 \uc624\ud508 \ucee8\ud37c\ub7f0\uc2a4 \uc5f4\ub9b0\ub2e4. * 2010\ub144 7\uc6d4 2\uc77c"},"content":{"rendered":"

\"\"<\/p>\n

http:\/\/webappscon.com\/html5\/<\/a><\/p>\n

7\uc6d4 2\uc77c \uc624\ud6c4 1\uc2dc\ubd80\ud130 \uc11c\uc6b8 \ud559\ub3d9 \uac74\uc124\ud68c\uad00\uc5d0\uc11c HTML5 \uc624\ud508 \ucee8\ud37c\ub7f0\uc2a4<\/strong><\/span>\uac00 \uc5f4\ub9bd\ub2c8\ub2e4.
\n\ud074\ub9ac\uc5b4\ubcf4\uc2a4\uc640 CSS \ub514\uc790\uc778 \ucf54\ub9ac\uc544\uac00 \uc8fc\uad00\ud558\uace0, \ud55c\uad6d\uc815\ubcf4\ud654\uc9c4\ud765\uc6d0\uacfc \ubaa8\uc9c8\ub77c \uc7ac\ub2e8\uc774 \ud6c4\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n

\uac15\uc0ac\uc758 \uc18c\uc18d \ud68c\uc0ac\uc758 \uc774\ub984\uc740 \uc6b0\uc120 \uc2e0\ub8b0\ub97c \uc8fc\ub294 \ud68c\uc0ac\ub4e4\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.
\n\ucc38\uac00\uc790\uc5d0\uac8c\ub294 ‘\uc2e4\uc804 HTML5 \uac00\uc774\ub4dc’ \uc778\uc1c4\ubcf8 \ubc0f Mozilla\uc5d0\uc11c \uc900\ube44\ud55c \uc120\ubb3c\uc744 \uc900\ub2e4\uace0 \ud558\ub294\ub370,
\n\ubaa8\uc9c8\ub77c\uc5d0\uc11c\ub294 \ubb34\uc2a8 \uc120\ubb3c\uc744 \uc900\ube44\ud588\uc744\uae4c\uc694?<\/p>\n

\uadf8 \uc120\ubb3c\uc774 \uad81\uae08\ud574\uc11c \ud589\uc0ac\uc5d0 \uc2e0\uccad\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. ^^<\/span><\/p>\n

\ud589\uc0ac \uc77c\uc815\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n

12:00 ~ 13:00      \ub4f1 \ub85d\n13:00 ~ 13:40      1. HTML5 \uc18c\uac1c \ubc0f \ud604\ud669 (\uc724\uc11d\ucc2c-\ub2e4\uc74c\ucee4\ubba4\ub2c8\ucf00\uc774\uc158 DNA\ub7a9 \ud300\uc7a5)\n13:40 ~ 14:20      2. HTML5 \ub9c8\ud06c\uc5c5 (\uc2e0\ud604\uc11d - \uc624\ud398\ub77c\uc18c\ud504\ud2b8\uc6e8\uc5b4 \uc6f9 \uc5d0\ubc18\uc824\ub9ac\uc2a4\ud2b8)\n14:20 ~ 14:30       \ud734 \uc2dd\n14:30 ~ 15:10      3. CSS3 \uc2e4\uc804 \uc608\uc81c (\uc815\ucc2c\uba85 - NHN \uc120\uc784UI\uac1c\ubc1c\uc790)\n15:10 ~ 15:50      4. HTML5 API \uc18c\uac1c (\uacbd\uc900\ud638 - \uc11c\ud3ec\ud2b8 \ud504\ub860\ud2b8\uc5d4\ub4dc \uc5d4\uc9c0\ub2c8\uc5b4)\n15:50 ~ 16:00      \ud734 \uc2dd\n16:00 ~ 16:40      5. HTML5 \uae30\ubc18 \ubaa8\ubc14\uc77c \uc571 (\uad8c\uc815\ud601 - \ub9e4\uc2dc\uc5c5 \uac1c\ubc1c\uc790)\n16:40 ~ 17:00      6. \ud55c\uad6d\ud615 \uc6f9 \ucf58\ud150\uce20 \uc811\uadfc\uc131 \uc9c0\uce68 2.0 (\ud604\uc900\ud638 - \ud55c\uad6d \uc815\ubcf4\ud654\uc9c4\ud765\uc6d0 \ucc45\uc784\uc5f0\uad6c\uc6d0)\n17:00 ~ 18:00      \uc9c8\ubb38\uacfc \ub2f5\ubcc0<\/pre>\n
\ucd1d 6\uac1c\uc758 \uc139\uc158\uc73c\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4.<\/p>\n
\uc139\uc158 1. HTML5 \uc18c\uac1c \ubc0f \ud604\ud669<\/span>
\nHTML5\uc758 \uae30\ubcf8\uc801\uc778 \uc18c\uac1c \ubc0f \uae30\uc874 HTML4\uc640\uc758 \ucc28\uc774\uc810,
\n\ucd5c\uadfc \uc560\ud50c\uacfc \uc5b4\ub3c4\ube44\uc758 \ud589\ubcf4\uc5d0 \ub300\ud574 \ub2e4\ub8e8\uac8c \ub420 \uac83\uc73c\ub85c \uc608\uc0c1\ub429\ub2c8\ub2e4.
\n\uc774 \ubd80\ubd84\uae4c\uc9c0 \ub2e4\ub904\uc9c8\uc9c0 \ubaa8\ub974\uaca0\uc9c0\ub9cc  \uc560\ud50c\uc758 HTML5 \ub370\ubaa8 \uc0ac\uc774\ud2b8<\/span><\/a> \uc758 \uc815\uccb4\uac00 \ubb54 \uc9c0 \uad81\uae08\ud558\ub124\uc694.<\/p>\n
\uc139\uc158 2. HTML5 \ub9c8\ud06c\uc5c5<\/span>
\n\ud37c\ube14\ub9ac\uc2f1\uc744 \uc911\uc810\uc73c\ub85c \uad6c\uc870\uc801\uc778 \ubd80\ubd84\uc744 \ub2e4\ub8e8\uace0,
\n\uc804\uccb4\uc801\uc778 HTML5\uc5d0 \ub300\ud55c \uc124\uba85\uc774 \ub420 \uac83 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n
\uc139\uc158 3. CSS3 \uc2e4\uc804 \uc608\uc81c<\/span>
\nHTML5 \ub9cc \ud63c\uc790 \uac08 \uc218\ub294 \uc5c6\uc9c0\uc694.
\nCSS\uc640 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uac00 \ud568\uaed8 \uac00\uc57c \ud558\ub294\ub370 \uadf8 \uc911 CSS\uc640 \uad00\ub828\ub41c \ubd80\ubd84\uc785\ub2c8\ub2e4.<\/p>\n
\uc139\uc158 4. HTML5 API \uc18c\uac1c<\/span>
\n\uc774\uc81c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc758 \ucc28\ub840\ub124\uc694.
\n\uac00\uc7a5 \uad00\uc2ec\uc774 \uac00\ub294 \uc139\uc158\uc785\ub2c8\ub2e4.
\n\uae30\ub300\ub418\ub294 \uc694\uc18c\ub4e4\uc740 video\ub3c4 audio\ub3c4 canvas\ub3c4 \uc544\ub2cc \ub2e8\uc9c0 Form\uc758 \uc0c8\ub85c\uc6b4 \uc694\uc18c\ub4e4 \uc785\ub2c8\ub2e4.
\ninput \uc694\uc18c\uc758 \uac01\uc885 \ud0c0\uc785\uc774 \uc0c8\ub85c \ucd94\uac00\ub418\uba74\uc11c \ud504\ub85c\uadf8\ub798\uba38 \ud639\uc740 \ud37c\ube14\ub9ac\uc154\ub4e4\uc758
\n\uc190\uc774 \uc0c1\ub2f9\ud788 \ud3b8\ud574\uc9c0\uac8c \ub418\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.
\n\uc5b4\ub5a4 \ubc29\uc2dd\uc73c\ub85c \uc694\uc18c(Element)\ub4e4\uc744 \ucee8\ud2b8\ub864\ud558\ub294\uc9c0,
\n\uc9c0\uae08\uacfc\ub294 \ub2e4\ub978 \ubc29\uc2dd\uc73c\ub85c \ucee8\ud2b8\ub864 \ud558\ub294 \uc18d\uc131(Attribute)\ub4e4\uc774 \ucd94\uac00\ub418\ub294 \uac83\uc778\uc9c0 \uad81\uae08\ud574\uc9c0\ub124\uc694.<\/p>\n
\uc139\uc158 5. HTML5 \uae30\ubc18 \ubaa8\ubc14\uc77c \uc571<\/span><\/span>
\n\uc774\uc81c\ub294 \ube60\uc9c8 \uc218\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.
\n\uc138\uacc4\uc801\uc73c\ub85c \uc0ac\ub791\ubc1b\uace0 \uc788\ub294 \uc2a4\ub9c8\ud2b8\ud3f0\uc778 \uc544\uc774\ud3f0\uc774 \ud50c\ub798\uc2dc\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294 \uad00\uacc4\ub85c
\n\ubaa8\ubc14\uc77c\uc5d0\uc11c HTML5\uc758 \uc704\uce58\ub294 \uc808\ub300\uc801\uc774\ub77c\uace0 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n\uc544\uc774\ud3f0\uc744 \uc81c\uc678\ud55c \ubaa8\ubc14\uc77c \uc6f9\uc744 \ub9cc\ub4e4\uace0 \uc2f6\uc740 \uc0ac\ub78c\ub3c4, \ud68c\uc0ac\ub3c4 \uc5c6\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.
\n\ud604\uc2dd\ub85c\uadf8\uc5d0\uc11c\ub294 \ubaa8\ubc14\uc77c \uc6f9\uc744 \uc7a0\uae50 \ub2e4\ub8ec \uc801\uc774 \uc788\uc5c8\ub294\ub370\uc694.
\n[\ubaa8\ubc14\uc77c \uc6f9]\uc544\uc774\ud3f0 \uc6f9 \uac1c\ubc1c\uc744 \uc704\ud55c HTML5\uc640 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8<\/span><\/a>
\n\ud2b9\uc774\ud558\uac8c\ub3c4 HTML5 \uc624\ud508 \ucee8\ud37c\ub7f0\uc2a4\uc758 \ub0b4\uc6a9\uc740 \ubaa8\ubc14\uc77c \uc6f9\uc774 \uc544\ub2cc \ubaa8\ubc14\uc77c \uc571\uc5d0 \ub300\ud55c \uc139\uc158\uc785\ub2c8\ub2e4.
\n\uc571 \uc548\uc5d0\uc11c \ubaa8\ubc14\uc77c\uc6f9\uc774 HTML5 \uae30\ubc18\uc73c\ub85c \ub3d9\uc791\ud558\ub294 \ubaa8\uc2b5\uc744 \ub2e4\ub8e8\uace0\uc790 \ud558\ub294 \uac83\uc774\uaca0\uc9c0\uc694.
\n\ub54c\ubb38\uc5d0 \uacb0\uad6d \ubaa8\ubc14\uc77c \uc6f9\uc77c \uac83\uc774\ub77c\ub294 \uc0dd\uac01\ub429\ub2c8\ub2e4.<\/p>\n
\uc139\uc158 6. \ud55c\uad6d\ud615 \uc6f9 \ucf58\ud150\uce20 \uc811\uadfc\uc131 \uc9c0\uce68 2.0<\/span>
\nHTML5 \uc640\ub294 \uad00\uacc4\uac00 \uc788\uae30\ub3c4 \ud558\uace0 \uc5c6\uae30\ub3c4 \ud55c \uc139\uc158\uc778\ub370\uc694.
\n\uc6f9 \uc811\uadfc\uc131\uc740 \uc7a5\uc560\uc778\uacfc \ube44\uc7a5\uc560\uc778\uc774 \ub3d9\ub4f1\ud558\uac8c \uc6f9 \ucee8\ud150\uce20\uc5d0 \uc811\uadfc\ud560 \uc218 \uc788\ub3c4\ub85d \ud558\ub294
\n\uc77c\uc885\uc758 \ubc29\uce68\uc785\ub2c8\ub2e4.
\n\ub73b\uc740 \uc88b\uc73c\ub098 \uc811\uadfc\uc131\uc744 \ub192\uc774\ub2e4\uac00 \ub54c\ub85c\ub294 \uc77c\ubc18\uc801\uc778 UI \uc758 \uc81c\ud55c\uc744 \uac00\uc838\uc624\uace0,
\n\uad00\ub828 \uc804\ubb38\uac00\ub4e4\uc740 \ub9ce\uc740 \ubd80\ubd84\uc5d0 \ub300\ud55c \uc0c8\ub85c\uc6b4 \uace0\ub824\ub97c \ud574\uc57c \ud558\uae30\uc5d0
\n\uc6f9\uc5d0 \uc801\uc6a9\ud558\uae30\uc5d0 \uc5b4\ub824\uc6b4 \ubd80\ubd84\uc785\ub2c8\ub2e4.
\n\uc5b4\ub5a4 \ub0b4\uc6a9\uc77c\uc9c0 \uae30\ub300\uac00 \ub418\uba74\uc11c\ub3c4, \ud55c\ud3b8\uc73c\ub85c\ub294 \uc774\ub8e8\uc5b4\uc9c8 \uc218 \uc5c6\ub294 \ubd80\ubd84\uc740 \uc544\ub2cc\uac00\ub77c\ub294 \uc0dd\uac01\uc774 \ub4ed\ub2c8\ub2e4.
\nHTML5 \uc5d0 \uac70\ub294 \uae30\ub300\ub294 \ub2e4\uc591\ud569\ub2c8\ub2e4.
\n\uae30\uc874 \ud50c\ub798\uc2dc(\ud639\uc740 \uc2e4\ubc84\ub77c\uc774\ud2b8) \ub4f1\uc758 \ube0c\ub77c\uc6b0\uc800 \ud50c\ub7ec\uadf8\uc778\uc744 \uc0c1\ub2f9\ubd80\ubd84\uc744
\n\uc6f9 \uae30\ubc18 \ud45c\uc900\uae30\uc220\ub85c \ub300\uccb4\ud560 \uc218 \uc788\ub2e4\ub294 \uac83\uacfc \uac1c\ubc1c\/\ub514\uc790\uc778 \uad00\ub828 \uac01\uc885 \ud3b8\uc758\uc131\uc744 \uac00\uc9c0\uace0 \uc788\ub2e4\ub294 \uc810 \ub4f1 \ub54c\ubb38\uc785\ub2c8\ub2e4.
\n\uadf8\ub9ac\uace0 \ud604 \ubd84\uc704\uae30\ub85c \ubcf4\uc544\uc11c\ub294 \uc775\uc2a4\ud50c\ub85c\ub7ec\ub3c4 \ub300\uc138\ub97c \ub530\ub97c \uac83\uc73c\ub85c \ubcf4\uc774\uae30\uc5d0
\n\uc9c0\uae08\ucc98\ub7fc \uc560\ub9e4\ud55c \uc6f9 \ud45c\uc900\uc774 \uc544\ub2cc \uc9c4\uc815\ud55c \uc6f9 \ud45c\uc900\uc758 \uc2dc\uc791\uc740 HTML5\uc640 \ud568\uaed8\ud558\uac8c \ub420 \uac83\uc73c\ub85c \uc608\uc0c1\ub429\ub2c8\ub2e4.<\/p>\n
\ub3c8 \ub9cc\uc6d0\uacfc \uae08\uc694\uc77c \uc624\ud6c4\ub97c \ubc14\uce58\uace0, \ub354 \ud070 \uac83\uc744 \uc5bb\uc744 \uc218 \uc788\uc744 \uac83 \uac19\uc2b5\ub2c8\ub2e4.
\n\uad00\uc2ec\uc774 \uc788\uc73c\uc2e0 \ubd84\uc740 \uc544\ub798\uc758 URL\uc5d0\uc11c \uc0ac\uc804\ub4f1\ub85d\uc744 \ud558\uba74 \ub418\uaca0\uc2b5\ub2c8\ub2e4.
\nhttp:\/\/webappscon.com\/html5\/<\/a>
\n\uc544\ub798\ucabd\uc5d0 \ubcf4\uba74 \ub9c1\ud06c \ubaa8\uc74c\uc774 \uc788\ub294\ub370, HTML5\uc5d0 \uad00\uc2ec\uc774 \uc788\ub2e4\uba74 \ub3c4\uc6c0\uc774 \ub420\ub9cc\ud55c \uc0ac\uc774\ud2b8\ub4e4\uc774 \ub9ce\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
7\uc6d4 2\uc77c \uc624\ud508 \ucee8\ud37c\ub7f0\uc2a4\ub97c \ub9c8\uce58\uba74 \uad00\ub828 \ub0b4\uc6a9\uc5d0 \ub300\ud574 \ud3ec\uc2a4\ud305\ud558\uaca0\uc2b5\ub2c8\ub2e4.
\n[ 7\uc6d4 3\uc77c : \uac1c\uc778\uc801\uc778 \uc0ac\uc815\uc73c\ub85c<\/span> \uc624\ud508 \ucee8\ud37c\ub7f0\uc2a4\uc5d0 \ucc38\uc5ec\uce58 \ubabb\ud558\uc5ec \uad00\ub828 \ub0b4\uc6a9\uc740 \ud3ec\uc2a4\ud305\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4<\/span>. ]<\/p>\n
\uac10\uc0ac\ud569\ub2c8\ub2e4.
\n\uc88b\uc740 \uc2dc\uac04 \ub418\uc2ed\uc2dc\uc624.<\/p>\n
p.s. NHN\ub3c4 \uad6c\uae00\uc5d0 \uc774\uc5b4 \uad7f\ubc14\uc774 \uc775\uc2a4\ud50c\ub85c\ub7ec 6\ub97c \uc678\uce5c\ub2e4\uace0 \ud558\ub124\uc694.
\n\uc774\uc820 \uc815\ub9d0 \u2018\uad7f\ubc14\uc774 IE6\u2032<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
http:\/\/webappscon.com\/html5\/ 7\uc6d4 2\uc77c \uc624\ud6c4 1\uc2dc\ubd80\ud130 \uc11c\uc6b8 \ud559\ub3d9 \uac74\uc124\ud68c\uad00\uc5d0\uc11c HTML5 \uc624\ud508 \ucee8\ud37c\ub7f0\uc2a4\uac00 \uc5f4\ub9bd\ub2c8\ub2e4. \ud074\ub9ac\uc5b4\ubcf4\uc2a4\uc640 CSS \ub514\uc790\uc778 \ucf54\ub9ac\uc544\uac00 \uc8fc\uad00\ud558\uace0, \ud55c\uad6d\uc815\ubcf4\ud654\uc9c4\ud765\uc6d0\uacfc \ubaa8\uc9c8\ub77c \uc7ac\ub2e8\uc774 \ud6c4\uc6d0\ud569\ub2c8\ub2e4. \uac15\uc0ac\uc758 \uc18c\uc18d \ud68c\uc0ac\uc758 \uc774\ub984\uc740 \uc6b0\uc120 \uc2e0\ub8b0\ub97c \uc8fc\ub294 \ud68c\uc0ac\ub4e4\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ucc38\uac00\uc790\uc5d0\uac8c\ub294 ‘\uc2e4\uc804 HTML5 \uac00\uc774\ub4dc’ \uc778\uc1c4\ubcf8 \ubc0f Mozilla\uc5d0\uc11c \uc900\ube44\ud55c \uc120\ubb3c\uc744 \uc900\ub2e4\uace0 \ud558\ub294\ub370, \ubaa8\uc9c8\ub77c\uc5d0\uc11c\ub294 \ubb34\uc2a8 \uc120\ubb3c\uc744 \uc900\ube44\ud588\uc744\uae4c\uc694? \uadf8 \uc120\ubb3c\uc774 \uad81\uae08\ud574\uc11c \ud589\uc0ac\uc5d0 \uc2e0\uccad\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. ^^ \ud589\uc0ac \uc77c\uc815\uc740 […]<\/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":[1010,957,705,162,1009,1011,1015,1016,1017,1020,451,108,815,1013,993,835,994,1018,1012,598,163,1019,1014],"jetpack_featured_media_url":"","views":"","jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/3339"}],"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=3339"}],"version-history":[{"count":2,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/3339\/revisions"}],"predecessor-version":[{"id":10184,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/3339\/revisions\/10184"}],"wp:attachment":[{"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3339"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}