븘씠룿 쎒 媛쒕컻쓣 쐞븳 HTML5 옄諛붿뒪겕由쏀듃
2010뀈 03썡 02씪뿉 옉꽦맂 룷뒪듃엯땲떎.

븘씠룿씠 援궡뿉 뱾뼱삤怨, 뒪留덊듃룿 떆옣씠 룺 솢꽦솕릺뿀怨,
븵쑝濡쒕룄 뒪留덊듃룿 鍮꾩쑉 뼱뒓젙룄 닔以源뚯 뜑 삱씪媛寃 맆 寃 媛숈뒿땲떎.
듅엳 븞뱶濡쒖씠뱶쓽 긽듅꽭, 쐢룄슦 룿 7쓽 벑옣 벑쓣 諛붾씪遊ㅼ쓣 븣뒗
뒪留덊듃룿 鍮꾩쑉씠 湲됱긽듅 븯吏 븡쓣源 븯뒗 議곗떖뒪윭슫 愿痢〓룄 빐遊낅땲떎.

븣臾몄뿉 紐⑤컮씪 뼱뵆(빋)怨 紐⑤컮씪 쎒뿉 愿떖씠 怨좎“릺怨 엳뒗 遺꾩쐞湲곗씤뜲슂.
紐⑤컮씪 쎒 肄붾뵫怨 愿젴맂 HTML, 옄諛붿뒪겕由쏀듃뱾씠 留롮씠 벑옣븯怨 엳뒿땲떎.
嫄곌린뿉 HTML5 룄 벑옣븯뿬 媛곸쥌 씠뒋瑜 留뚮뱾뼱궡怨 엳吏슂.
諛붾줈 蹂닿린 : 븘씠룿뿉꽌쓽 뵆옒떆 룞옉 삁젣 : HTML5 씠슜

湲쓣 벐怨 엳뒗 룄 紐⑤컮씪 쎒뿉 씎誘멸 깮寃⑥꽌 紐⑤컮씪 쎒뿉 以묒슂븳
紐 媛吏 깭洹몄 옄諛붿뒪겕由쏀듃瑜 젙由ы빐蹂댁븯뒿땲떎.

1. 臾몄꽌 꽑뼵遺(HTML5 + 紐⑤컮씪 쎒쓣 쐞븳 湲곕낯 硫뷀 깭洹)
(泥ル쾲吏 硫뷀 : 솗/異뺤냼 遺덇뒫 븯룄濡 빀땲떎.)
(몢踰덉㎏ 硫뷀 : 媛濡쒖꽭濡 湲몄씠瑜 뵒諛붿씠뒪뿉 留욎떠 理쒕 궗씠利덈줈 吏젙빀땲떎.)

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

2. 쐞移 李얘린 옄諛붿뒪겕由쏀듃
(뀒뒪듃 : 븘씠룿 – 쐞룄 寃쎈룄쓽 醫뚰몴瑜 諛섑솚빀땲떎.)

function getLoc() {
navigator.geolocation.getCurrentPosition(getLocation, _fail, {timeout:10000});
}
function getLocation(pos) {
alert(“쁽옱 쐞移 : ” + pos.coords.latitude + “:” + pos.coords.longitude);
}
function _fail() {}
getLoc();

3. HTML5 긽뿉꽌 input깭洹몄뿉 븳 뿬윭媛吏 엯뱾
(뀒뒪듃 : 븘씠룿 – 醫낅쪟뿉 뵲瑜 궎蹂대뱶 솢꽦솕-range 깭洹몃뒗 븘吏 吏썝븯吏 븡뒗 寃껋쑝濡 蹂댁씠꽕슂.)

<input type=”date” />
<input type=”week” />
<input type=”datetime” />
<input type=”time” />
<input type=”number” />
<input type=”range” />
<input type=”email” />
<input type=”url” />

4. 쟾솕 嫄멸린
(뀒뒪듃:븘씠룿)

<a href=”tel:쟾솕踰덊샇”></a>

5. 븘옒濡 뒪겕濡ㅽ븯뿬 二쇱냼李(댋諛)瑜 蹂댁씠吏 븡룄濡 빀땲떎.
(뀒뒪듃:븘씠룿)

window.addEventListener(‘load’, function(){
setTimeout(scrollTo, 0, 0, 1);
}, false);

븘吏 遺議깊븳 젏뱾씠 留롮씠 엳뒗 寃 媛숈뜲슂.
떆옉뿉 遺덇낵븷 肉먯씠怨좎슂.
異뷀썑뿉 怨꾩냽빐꽌 젙由ы빐蹂대룄濡 븯寃좎뒿땲떎.

Usher 쓽 What’s a man to do 뱾쑝硫댁꽌 留덉튂룄濡 븯寃좎뒿땲떎.
媛먯궗빀땲떎.

삤옒맂 쁺긽(object 諛⑹떇) : 썝蹂몄씠 궘젣맂 寃쎌슦, 吏썝릺吏 븡쓣 닔 엳뒿땲떎.

– 諛붾줈蹂닿린 –
援ш MAP 3뿉 븳 꽕紐
븘씠룿뿉꽌쓽 뵆옒떆 룞옉 삁젣 : HTML5 씠슜

Copyright © 쁽떇濡쒓렇


 


3 Comments
  1. […] http://hyunsik.me/wordpress/?p=2060 Categories: mobile Tags: 뙎湲 (0) 뿮씤湲뱾(trackbacks) (0) 뙎湲 궓湲곌린 湲뿮湲(trackback) […]

  2. 紐⑤컮씪 럹씠吏 留뚮뱶뒗以묒씠뒗뜲, 젙蹂 옒 蹂닿퀬 媛묐땲떎. 씠썑 뾽뜲씠듃룄 湲곕릺꽕슂

  3. 媛먯궗빀땲떎. ^^
    슂利 꼫臾 諛붿걶 굹癒몄 룷뒪똿쓣 紐삵븯怨 엳뒗뜲,
    議곌툑留 븳媛빐吏硫 怨꾩냽빐꽌 紐⑤컮씪 쎒 愿젴 룷뒪똿쓣 븯룄濡 븷猿섏슂~

    理쒓퀬!

씫뼱二쇱떊 寃껊쭔쑝濡쒕룄 遺꾨챸엳 媛먯궗빀땲떎. 湲쓣 궓寃⑥<떆硫 뜑슧 엸吏 紐삵븷 寃껋엯땲떎.