{"id":451,"date":"2014-05-19T08:26:17","date_gmt":"2014-05-18T23:26:17","guid":{"rendered":"http:\/\/backup.me.ne.kr\/?p=451"},"modified":"2014-05-19T08:26:17","modified_gmt":"2014-05-18T23:26:17","slug":"javascript-%ed%8e%98%ec%9d%b4%ec%a7%80-%ea%b0%b1%ec%8b%a0%ec%9d%b4%eb%82%98-%eb%b3%80%ed%99%94-%ec%97%86%ec%9d%b4-%ec%a3%bc%ec%86%8curl-%eb%b3%80%ea%b2%bd%ed%95%98%ea%b8%b0-pushstate","status":"publish","type":"post","link":"http:\/\/jhp.io\/?p=451","title":{"rendered":"[Javascript] \ud398\uc774\uc9c0 \uac31\uc2e0\uc774\ub098 \ubcc0\ud654 \uc5c6\uc774 \uc8fc\uc18c(URL) \ubcc0\uacbd\ud558\uae30 (pushState)"},"content":{"rendered":"

– \uc8fc\uc758 –<\/strong><\/p>\n

\uc544\ub798 \ud301\uc740 \ud30c\uc774\uc5b4\ud3ed\uc2a4, \ud06c\ub86c, \uc0ac\ud30c\ub9ac\ub4f1\uc758 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub9cc \uba39\ud788\uba70, \uc778\ud130\ub137 \uc775\uc2a4\ud50c\ub85c\ub7ec(9\ubc84\uc804 \uc774\ud558 \ubc84\uc804\ub9cc \ud574\ub2f9. 10\ubc84\uc804 \uc774\uc0c1\uc740 \uc9c0\uc6d0)\ub294 Hash\ub97c \uc774\uc6a9\ud558\uac70\ub098 \ud3ec\uae30\ud574\uc57c\ud568.<\/strong><\/p>\n

\uc5b4\ub290\ub0a0 \uc6f9\uac1c\ubc1c\uc5d0 \ubbf8\uccd0\uc788\ub294 \ud55c \ud6c4\ubc30\uac00 \ub098\ud55c\ud14c \ucc44\ud305\uc73c\ub85c \ub9d0 \uac78\uc5b4\uc654\ub2e4.<\/p>\n

\ud6c4\ubc30 : \ud6bd!!!<\/p>\n

\ub098 : \uc65c?<\/p>\n

\ud6c4\ubc30 : http:\/\/ex.fm\/ \uc5ec\uae30 \uc880 \ubd10\uc8fc\uc138\uc694!<\/p>\n

\ub098 : \uc774 \uc0ac\uc774\ud2b8\uac00 \ubb50? (\ub3c4\uba54\uc778\uc774 \uc880 \ub05d\ub0b4\uc8fc\ub124)<\/p>\n

\ud6c4\ubc30 : \uba54\ub274 \ud074\ub9ad\ud558\uba74 \ud398\uc774\uc9c0 \ub0b4\uc6a9 \uc804\uccb4\uac00 \uc548 \ubc14\ub00c\uace0 Ajax \ub85c \ub0b4\uc6a9\ub9cc \ubd88\ub7ec\uc624\ub294\ub370 \uc8fc\uc18c\uac00 \ubc14\uaef4\uc694! \uc774\ub7f0\uac70 \ub9cc\ub4e4\uace0 \uc2f6\uc740\ub370 \uc5b4\ub5bb\uac8c \ud574\uc694?<\/p>\n

\uc774 \uac19\uc740 \uacbd\uc6b0 \uac04\ub2e8\ud558\uac8c Javascript \uc18c\uc2a4 \ud55c \uc904\ub85c \ub05d \ub0bc \uc218 \uc788\ub2e4.<\/p>\n

history.pushState(data,title,url);<\/p>\n

\uc704 \ucc98\ub7fc history\uc758 pushState\uba54\uc18c\ub4dc\ub97c \uc774\uc6a9\ud558\uba74 \ub41c\ub2e4. \uc778\uc790\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n

data : \uc138\uc158 \ud788\uc2a4\ud1a0\ub9ac\uc5d0 \ub123\uc744 \ub370\uc774\ud130\uc774\ub2e4. Data Object \ud615\uc2dd\uc774\uc5b4\uc57c \ud558\uace0, \ud544\uc218\uc9c0\ub9cc \uc21c\uc218 \ud0c0\uc774\ud2c0\ub9cc \ubcc0\uacbd\ud560 \ubaa9\uc801\uc774\uba74 \uc544\ubb34\ub807\uac8c\ub098 \ub123\uc5b4\ub3c4 \ud06c\uac8c \uc0c1\uad00 \uc5c6\ub294 \ub4ef\ud558\ub2e4. (\ub123\uc744 \uac83\uc774 \uc5c6\uc73c\uba74 \uadf8\ub0e5 \ube48 String\uc73c\ub85c(”) \ub123\uc5b4\uc900\ub2e4.<\/p>\n

title : \ud398\uc774\uc9c0 \uc81c\ubaa9\uc774\ub2e4. \ud604\uc7ac \uba87\uba87 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub294 \uc774\uac78 \uadf8\ub0e5 \ubb34\uc2dc\ud558\ub294\ub370 \uc77c\ubd80 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub294 \uc774\uac8c \ub3d9\uc791\ud558\uace0 \ub3d9\uc791\ud558\uc9c0 \uc54a\ub294 \ube0c\ub77c\uc6b0\uc800\ub3c4 \ucc28\ud6c4\uc5d0 \uc9c0\uc6d0\ub420 \uc218 \uc788\uae30 \ub54c\ubb38\uc5d0 \uc9e7\uac8c\ub098\ub9c8 \ub123\uc5b4\uc8fc\ub294 \uac83\uc774 \uc88b\ub2e4.<\/p>\n

url : \ubcc0\uacbd\uc2dc\ud0ac URL\uc774\ub2e4.<\/p>\n

Ajax\ub97c \uc774\uc6a9\ud558\uc5ec \ub2e4\uc74c\uacfc \uac19\uc774 \uc751\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/p>\n

$.ajax({
\nurl:”\ubd88\ub7ec\uc62c \ud398\uc774\uc9c0 \uacbd\ub85c”,
\nsuccess:goodToGo,dataType:”html”,
\ndata:””,
\nerror:ohShit
\n}); \/\/ \ud398\uc774\uc9c0 \ubd80\ub974\uae30<\/p>\n

goodToGo = function(data, textStatus, jqXHR){ \/\/ \uc815\uc0c1\uc801\uc73c\ub85c \ub418\uc5c8\uc744 \ub54c
\n$(“#content”).html(data); \/\/ \ub0b4\uc6a9 \ub123\uc5b4\uc8fc\uace0
\nhistory.pushState({“html”:data},pageTitle, pageUrl); \/\/ \uc81c\ubaa9\uacfc URL \ubc14\uafb8\uae30. \ub9cc\uc57d pageUrl \ubcc0\uc218\uc5d0 ‘licence’\ub77c\ub294 \uac12\uc774 \ub4e4\uc5b4\uac00 \uc788\ub2e4\uba74 \uc8fc\uc18c\ucc3d\uc5d0\ub294 ‘http:\/\/www.domain.com\/licence’\ub77c\ub294 \ud615\ud0dc\ub85c \ubc14\ub00c\uac8c \ub41c\ub2e4.
\n};<\/p>\n

\ubb3c\ub860 \uc0ac\uc6a9\uc790\uac00 Fancy URL\uc744 \ud1b5\ud574 \uc9c1\uc811 \uc811\uc18d\ud558\uc600\uc744 \uacbd\uc6b0, \ud504\ub85c\uadf8\ub7a8\uacfc \uc11c\ubc84\uc0c1\uc73c\ub85c \ucc98\ub9ac\ub97c \ubcc4\ub3c4\ub85c \ud574\uc8fc\uc5b4\uc57c \ud55c\ub2e4. \ub610\ud55c IE9 \uc774\ud558\uc758 \ubc84\uc804\uc5d0\uc11c\ub294 \ub3d9\uc791\ud558\uc9c0 \uc54a\uc73c\ubbc0\ub85c, IE9 \uc774\ud558\uc758 \uacbd\uc6b0 \ube0c\ub77c\uc6b0\uc800\ub97c \uac10\uc9c0, hash\ub97c \uc774\uc6a9\ud558\uc5ec \ubcc4\ub3c4\ub85c \uad6c\ud604\ud558\uc5ec\uc57c \ud55c\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"

– \uc8fc\uc758 – \uc544\ub798 \ud301\uc740 \ud30c\uc774\uc5b4\ud3ed\uc2a4, \ud06c\ub86c, \uc0ac\ud30c\ub9ac\ub4f1\uc758 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub9cc \uba39\ud788\uba70, \uc778\ud130\ub137 \uc775\uc2a4\ud50c\ub85c\ub7ec(9\ubc84\uc804 \uc774\ud558 \ubc84\uc804\ub9cc \ud574\ub2f9. 10\ubc84\uc804 \uc774\uc0c1\uc740 \uc9c0\uc6d0)\ub294 Hash\ub97c \uc774\uc6a9\ud558\uac70\ub098 \ud3ec\uae30\ud574\uc57c\ud568. \uc5b4\ub290\ub0a0 \uc6f9\uac1c\ubc1c\uc5d0 \ubbf8\uccd0\uc788\ub294 \ud55c \ud6c4\ubc30\uac00 \ub098\ud55c\ud14c \ucc44\ud305\uc73c\ub85c \ub9d0 \uac78\uc5b4\uc654\ub2e4. \ud6c4\ubc30 : \ud6bd!!! \ub098 : \uc65c? \ud6c4\ubc30 : http:\/\/ex.fm\/ \uc5ec\uae30 \uc880 \ubd10\uc8fc\uc138\uc694! \ub098 : \uc774 \uc0ac\uc774\ud2b8\uac00 \ubb50? (\ub3c4\uba54\uc778\uc774 \uc880 \ub05d\ub0b4\uc8fc\ub124) \ud6c4\ubc30 : \uba54\ub274 \ud074\ub9ad\ud558\uba74 \ud398\uc774\uc9c0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,16],"tags":[],"class_list":["post-451","post","type-post","status-publish","format-standard","hentry","category-java-js-jsp","category-programming"],"_links":{"self":[{"href":"http:\/\/jhp.io\/index.php?rest_route=\/wp\/v2\/posts\/451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/jhp.io\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jhp.io\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jhp.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jhp.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=451"}],"version-history":[{"count":0,"href":"http:\/\/jhp.io\/index.php?rest_route=\/wp\/v2\/posts\/451\/revisions"}],"wp:attachment":[{"href":"http:\/\/jhp.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=451"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jhp.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=451"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jhp.io\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}