{"id":2060,"date":"2010-03-02T23:49:01","date_gmt":"2010-03-02T14:49:01","guid":{"rendered":"http:\/\/hyunsik.me\/wordpress\/?p=2060"},"modified":"2015-01-31T01:00:31","modified_gmt":"2015-01-30T16:00:31","slug":"%eb%aa%a8%eb%b0%94%ec%9d%bc-%ec%9b%b9html-5-%ec%99%80-%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8","status":"publish","type":"post","link":"http:\/\/hyunsik.me\/wordpress\/?p=2060","title":{"rendered":"\uc544\uc774\ud3f0 \uc6f9 \uac1c\ubc1c\uc744 \uc704\ud55c HTML5 \uc640 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8"},"content":{"rendered":"

\"\"<\/p>\n

\uc544\uc774\ud3f0\uc774 \uad6d\ub0b4\uc5d0 \ub4e4\uc5b4\uc624\uace0, \uc2a4\ub9c8\ud2b8\ud3f0 \uc2dc\uc7a5\uc774 \ub300\ud3ed \ud65c\uc131\ud654\ub418\uc5c8\uace0,
\n\uc55e\uc73c\ub85c\ub3c4 \uc2a4\ub9c8\ud2b8\ud3f0 \ube44\uc728\uc740 \uc5b4\ub290\uc815\ub3c4 \uc218\uc900\uae4c\uc9c0 \ub354 \uc62c\ub77c\uac00\uac8c \ub420 \uac83 \uac19\uc2b5\ub2c8\ub2e4.
\n\ud2b9\ud788 \uc548\ub4dc\ub85c\uc774\ub4dc\uc758 \uc0c1\uc2b9\uc138, \uc708\ub3c4\uc6b0 \ud3f0 7\uc758 \ub4f1\uc7a5 \ub4f1\uc744 \ubc14\ub77c\ubd24\uc744 \ub54c\ub294
\n\uc2a4\ub9c8\ud2b8\ud3f0 \ube44\uc728\uc774 \uae09\uc0c1\uc2b9 \ud558\uc9c0 \uc54a\uc744\uae4c \ud558\ub294 \uc870\uc2ec\uc2a4\ub7ec\uc6b4 \uad00\uce21\ub3c4 \ud574\ubd05\ub2c8\ub2e4.<\/p>\n

\ub54c\ubb38\uc5d0 \ubaa8\ubc14\uc77c \uc5b4\ud50c(\uc571)\uacfc \ubaa8\ubc14\uc77c \uc6f9\uc5d0 \uad00\uc2ec\uc774 \uace0\uc870\ub418\uace0 \uc788\ub294 \ubd84\uc704\uae30\uc778\ub370\uc694.
\n\ubaa8\ubc14\uc77c \uc6f9 \ucf54\ub529\uacfc \uad00\ub828\ub41c HTML, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub4e4\uc774 \ub9ce\uc774 \ub4f1\uc7a5\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.
\n\uac70\uae30\uc5d0 HTML5 \ub3c4 \ub4f1\uc7a5\ud558\uc5ec \uac01\uc885 \uc774\uc288\ub97c \ub9cc\ub4e4\uc5b4\ub0b4\uace0 \uc788\uc9c0\uc694.
\n \ubc14\ub85c \ubcf4\uae30 : <\/span>\uc544\uc774\ud3f0\uc5d0\uc11c\uc758 \ud50c\ub798\uc2dc \ub3d9\uc791 \uc608\uc81c : HTML5 \uc774\uc6a9<\/span><\/a><\/p>\n

\uae00\uc744 \uc4f0\uace0 \uc788\ub294 \uc800\ub3c4 \ubaa8\ubc14\uc77c \uc6f9\uc5d0 \ud765\ubbf8\uac00 \uc0dd\uaca8\uc11c \ubaa8\ubc14\uc77c \uc6f9\uc5d0 \uc911\uc694\ud55c
\n\uba87 \uac00\uc9c0 \ud0dc\uadf8\uc640 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc815\ub9ac\ud574\ubcf4\uc558\uc2b5\ub2c8\ub2e4.<\/p>\n

1. \ubb38\uc11c \uc120\uc5b8\ubd80<\/span>(HTML5 + \ubaa8\ubc14\uc77c \uc6f9\uc744 \uc704\ud55c \uae30\ubcf8 \uba54\ud0c0 \ud0dc\uadf8)<\/span>
\n(\uccab\ubc88\uc9f8 \uba54\ud0c0 : \ud655\ub300\/\ucd95\uc18c \ubd88\uac00\ub2a5 \ud558\ub3c4\ub85d \ud569\ub2c8\ub2e4.)<\/span>
\n(\ub450\ubc88\uc9f8 \uba54\ud0c0 : \uac00\ub85c\uc138\ub85c \uae38\uc774\ub97c \ub514\ubc14\uc774\uc2a4\uc5d0 \ub9de\ucdb0 \ucd5c\ub300 \uc0ac\uc774\uc988\ub85c \uc9c0\uc815\ud569\ub2c8\ub2e4.)<\/span><\/p>\n

<\/span><\/span><\/span><\/p>\n

<\/p>\n

<!DOCTYPE HTML><\/div>\n
<html><\/div>\n
<head><\/div>\n
<meta http-equiv=”Content-Type” content=”text\/html; charset=utf-8″ \/><\/div>\n
<meta name=”viewport” content=”initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;” \/><\/div>\n
<meta name=”viewport” content=”height=device-height,width=device-width” \/><\/div>\n
<\/head><\/div>\n

<\/span><\/p>\n

2. \uc704\uce58 \ucc3e\uae30 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8<\/span>
\n (\ud14c\uc2a4\ud2b8 : \uc544\uc774\ud3f0 – \uc704\ub3c4\uc640 \uacbd\ub3c4\uc758 \uc88c\ud45c\ub97c \ubc18\ud658\ud569\ub2c8\ub2e4.)<\/span><\/p>\n

<\/span>function getLoc() {
\n <\/span>navigator.geolocation.getCurrentPosition(getLocation, _fail, {timeout:10000});
\n <\/span>}
\n<\/span> <\/span>function getLocation(pos) {
\n <\/span>alert(“\ud604\uc7ac \uc704\uce58 : ” + pos.coords.latitude + “:” + pos.coords.longitude);
\n <\/span>}
\nfunction _fail() {}
\n <\/span>getLoc();<\/p>\n

3. HTML5 \uc0c1\uc5d0\uc11c input\ud0dc\uadf8\uc5d0 \ub300\ud55c \uc5ec\ub7ec\uac00\uc9c0 \ud0c0\uc785\ub4e4
\n (\ud14c\uc2a4\ud2b8 : \uc544\uc774\ud3f0 – \uc885\ub958\uc5d0 \ub530\ub978 \ud0a4\ubcf4\ub4dc \ud65c\uc131\ud654-range \ud0dc\uadf8\ub294 \uc544\uc9c1 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294 \uac83\uc73c\ub85c \ubcf4\uc774\ub124\uc694.)<\/span><\/span><\/span><\/p>\n

<input type=”date” \/><\/span>
\n<input type=”week” \/><\/span>
\n<input type=”datetime” \/><\/span>
\n<input type=”time” \/><\/span>
\n<input type=”number” \/><\/span>
\n<input type=”range” \/><\/span>
\n<input type=”email” \/><\/span>
\n<input type=”url” \/><\/span>
\n<\/span><\/span><\/span><\/p>\n

4. \uc804\ud654 \uac78\uae30<\/span>
\n(\ud14c\uc2a4\ud2b8:\uc544\uc774\ud3f0)<\/span><\/p>\n

<a href=”tel:\uc804\ud654\ubc88\ud638”><\/a><\/span><\/p>\n

5. \uc544\ub798\ub85c \uc2a4\ud06c\ub864\ud558\uc5ec \uc8fc\uc18c\ucc3d(\ud234\ubc14)\ub97c \ubcf4\uc774\uc9c0 \uc54a\ub3c4\ub85d \ud569\ub2c8\ub2e4.
\n(\ud14c\uc2a4\ud2b8:\uc544\uc774\ud3f0)<\/span><\/p>\n

<\/span>window.addEventListener(‘load’, function(){
\n <\/span> setTimeout(scrollTo, 0, 0, 1);
\n <\/span>}, false); <\/span><\/p>\n

\uc544\uc9c1 \ubd80\uc871\ud55c \uc810\ub4e4\uc774 \ub9ce\uc774 \uc788\ub294 \uac83 \uac19\uc740\ub370\uc694.
\n\uc2dc\uc791\uc5d0 \ubd88\uacfc\ud560 \ubfd0\uc774\uace0\uc694.
\n\ucd94\ud6c4\uc5d0 \uacc4\uc18d\ud574\uc11c \uc815\ub9ac\ud574\ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n

Usher \uc758 What’s a man to do \ub4e4\uc73c\uba74\uc11c \ub9c8\uce58\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.
\n\uac10\uc0ac\ud569\ub2c8\ub2e4.<\/p>\n

<\/embed><\/object><\/p>\n

– \ubc14\ub85c\ubcf4\uae30 –
\n\uad6c\uae00 MAP 3\uc5d0 \ub300\ud55c \uc124\uba85<\/a>
\n\uc544\uc774\ud3f0\uc5d0\uc11c\uc758 \ud50c\ub798\uc2dc \ub3d9\uc791 \uc608\uc81c : HTML5 \uc774\uc6a9<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\uc544\uc774\ud3f0\uc774 \uad6d\ub0b4\uc5d0 \ub4e4\uc5b4\uc624\uace0, \uc2a4\ub9c8\ud2b8\ud3f0 \uc2dc\uc7a5\uc774 \ub300\ud3ed \ud65c\uc131\ud654\ub418\uc5c8\uace0, \uc55e\uc73c\ub85c\ub3c4 \uc2a4\ub9c8\ud2b8\ud3f0 \ube44\uc728\uc740 \uc5b4\ub290\uc815\ub3c4 \uc218\uc900\uae4c\uc9c0 \ub354 \uc62c\ub77c\uac00\uac8c \ub420 \uac83 \uac19\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 \uc548\ub4dc\ub85c\uc774\ub4dc\uc758 \uc0c1\uc2b9\uc138, \uc708\ub3c4\uc6b0 \ud3f0 7\uc758 \ub4f1\uc7a5 \ub4f1\uc744 \ubc14\ub77c\ubd24\uc744 \ub54c\ub294 \uc2a4\ub9c8\ud2b8\ud3f0 \ube44\uc728\uc774 \uae09\uc0c1\uc2b9 \ud558\uc9c0 \uc54a\uc744\uae4c \ud558\ub294 \uc870\uc2ec\uc2a4\ub7ec\uc6b4 \uad00\uce21\ub3c4 \ud574\ubd05\ub2c8\ub2e4. \ub54c\ubb38\uc5d0 \ubaa8\ubc14\uc77c \uc5b4\ud50c(\uc571)\uacfc \ubaa8\ubc14\uc77c \uc6f9\uc5d0 \uad00\uc2ec\uc774 \uace0\uc870\ub418\uace0 \uc788\ub294 \ubd84\uc704\uae30\uc778\ub370\uc694. \ubaa8\ubc14\uc77c \uc6f9 \ucf54\ub529\uacfc \uad00\ub828\ub41c HTML, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub4e4\uc774 \ub9ce\uc774 \ub4f1\uc7a5\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uac70\uae30\uc5d0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[1266,176,75],"tags":[453,455,454,89,451,450,452,449,205,20,456,13,316,458,6,457,354,353,448],"jetpack_featured_media_url":"","views":"","jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2060"}],"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=2060"}],"version-history":[{"count":4,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2060\/revisions"}],"predecessor-version":[{"id":6789,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2060\/revisions\/6789"}],"wp:attachment":[{"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2060"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2060"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}