{"id":537,"date":"2012-02-05T15:46:55","date_gmt":"2012-02-05T15:46:55","guid":{"rendered":"http:\/\/brain.dailyon.net\/?p=537"},"modified":"2012-02-05T15:46:55","modified_gmt":"2012-02-05T15:46:55","slug":"jquery-jquery-template","status":"publish","type":"post","link":"https:\/\/blog.goorigo.com\/?p=537","title":{"rendered":"jQuery : jQuery Template"},"content":{"rendered":"

\ub0b4\uac00 \ubd88\ud3b8\ud574\ud558\ub358\uac83\ub4e4\uc774 \ub2e4\uc788\uc5b4…. \uc5c6\ub294\uac8c \uc5c6\uc5b4…<\/p>\n

\ucd9c\ucc98 :
\nhttp:\/\/api.jquery.com\/jQuery.template\/<\/a><\/p>\n

http:\/\/igna.tistory.com\/21<\/a><\/p>\n

\n
\n
?<\/a><\/div>\n\n\n\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n
14<\/div>\n
15<\/div>\n
16<\/div>\n
17<\/div>\n
18<\/div>\n
19<\/div>\n
20<\/div>\n
21<\/div>\n
22<\/div>\n
23<\/div>\n
24<\/div>\n<\/td>\n
\n
\n
function<\/code> displayItems( list )<\/code><\/div>\n
{<\/code><\/div>\n
????<\/code>var<\/code> i;<\/code><\/div>\n
????<\/code>var<\/code> n = list.length;<\/code><\/div>\n
????<\/code>var<\/code> table = $(<\/code>\"#sampleTable\"<\/code>);<\/code><\/div>\n
<\/div>\n
????<\/code>for<\/code>( i = 0; i < n; i++ )<\/code><\/div>\n
????<\/code>{<\/code><\/div>\n
????????<\/code>var<\/code> html = table.html();<\/code><\/div>\n
????????<\/code>html += <\/code>'<tr>'<\/code>;<\/code><\/div>\n
????????<\/code>html += <\/code>'<td>'<\/code>;<\/code><\/div>\n
????????<\/code>html += <\/code>'<img src=\"'<\/code>+ list[i].image + <\/code>'\" height=\"150\" \/>'<\/code>;<\/code><\/div>\n
????????<\/code>html += <\/code>'<\/td>'<\/code>;<\/code><\/div>\n
????????<\/code>html += <\/code>'<td>'<\/code>;<\/code><\/div>\n
????????<\/code>html += list[i].title;<\/code><\/div>\n
????????<\/code>html += <\/code>'<\/td>'<\/code>;<\/code><\/div>\n
????????<\/code>html += <\/code>'<td>'<\/code>;<\/code><\/div>\n
????????<\/code>html += list[i].width + <\/code>' * '<\/code> + list[i].height;<\/code><\/div>\n
????????<\/code>html += <\/code>'<\/td>'<\/code>;<\/code><\/div>\n
????????<\/code>html += <\/code>'<\/tr>'<\/code>;<\/code><\/div>\n
????????<\/code><\/div>\n
????????<\/code>table.html( html );<\/code><\/div>\n
????<\/code>}<\/code><\/div>\n
}?<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

 <\/p>\n

\uc800\ubc88 crossdomain \uc774\uc288\ub97c \ud574\uacb0\ud55c \uc18c\uc2a4\uc5d0 \uc704\uc640 \uac19\uc740 \ucf54\ub4dc\ub97c \ub123\uc5b4\uc11c \uc544\ub798\uc640 \uac19\uc740 \ud654\uba74\uc744 \ub9cc\ub4e4\uc5c8\ub2e4.
\n(\uac80\uc0c9\uc5b4\ub294 ‘\uc544\uc774\uc720’)<\/p>\n

 <\/p>\n

\"\"<\/a><\/div>\n

 
\n\ubb50 \uac04\uac04\ud788 \uae68\uc9c4 \uc774\ubbf8\uc9c0\ub3c4 \uc788\uc9c0\ub9cc \ubb50 \ub9c1\ud06c\uac00 \uae68\uc84c\uc73c\ub2c8 \uc5b4\uca54 \uc218 \uc5c6\uc744\ub4ef. (\uadf8\ub798\ub3c4 \uc544\uc774\uc720\ub294 \uc774\uc058\ub2e4) \uc9c0\uae08 \uadf8\uac8c \uc911\uc694\ud55c\uac8c \uc544\ub2c8\ub77c \uc774\ub7f0 \ub2e8\uc21c\ud788 Table\uc5d0 \uac8c\uc2dc\ud310\ucc98\ub7fc \ucb49 \ub098\uc5f4\ud558\ub294 \ucf54\ub4dc\ub97c \ub123\uc5c8\ub294\ub370 \uc601 \ubcf4\uae30\ub3c4 \ud798\ub4e4\uace0 \uc601 \ub9cc\ub4e4\uae30\ub3c4 \ud798\ub4e4\ub2e4. \uac8c\ub2e4\uac00 \ucf54\ub4dc\uac00 \ub9d8\uc5d0 \uc548\ub4e4\uac8c \uc9c0\uc800\ubd84\ud574\uc9c4\ub2e4. Flex\uc758 ItemRenderer \uac19\uc774 \uae54\ub054\ud558\uac8c \ub4e4\uc5b4\uac00\uac8c\ud560 \ubc29\ubc95\uc774 \uc5c6\uc744\uae4c.. \ub77c\uace0 \uc0dd\uac01\ud558\uace0 \uc788\ub2e4\uba74 jQuery Template \ub97c \ucd94\ucc9c\ud55c\ub2e4.<\/p>\n

\uc6b0\uc5f0\ucc2e\uc740 \uae30\ud68c\uc5d0 \uc54c\uac8c\ub41c jQuery Template\ub294 ?Flex\uc758 ItemRenderer\uac19\uc774 Template\uc744 \ub9cc\ub4e4\uc5b4\ub450\uba74 \uc790\ub3d9\uc73c\ub85c \ucc44\uc6cc\uc900\ub2e4. \uc9e7\uc740 \ub9d0\ub85c \uc124\uba85\ud558\uae34 \uc5b4\ub824\uc6b0\ub2c8\uae4c \uc77c\ub2e8 \uae30\ubc18 \uc9c0\uc2dd\ubd80\ud130 \ucc28\uadfc\uc774 \uc54c\uc544\uac00\uc790.<\/p>\n

\ucc38\uace0\ub85c \uc774\uc57c\uae30\ud558\uc790\uba74 jQuery Template\ub294 \uc544\uc9c1 Beta\ubc84\uc83c\uc73c\ub85c Microsoft\uc5d0\uc11c \ub9cc\ub4e4\uc5b4\uc900 plug-in \uc774\ub2e4. \uc18c\ubb38\uc5d0\ub294 \ucc28\uae30\uc5d0 \ub098\uc62c jQuery\uc5d0\ub294 jQuery Template\uac00 \ud3ec\ud568\ub420\uac70\ub77c\ub294 \uc18c\ubb38\ub3c4 \uc788\uc73c\ub098 \uc544\uc9c1\uc740 \uc0ac\uc2e4 \ubb34\uadfc\uc774\uba70 \uc774\ub7f0 \uc18c\ubb38\uc774 \ub3c4\ub294 \uae4c\ub2ed\uc740 \uc774 jQuery Template\ub77c\ub294\uac8c \ub108\ubb34 \uc798\ub9cc\ub4e4\uc5b4\uc838\uc11c\uac00 \uc544\ub2d0\uae4c \uc0dd\uac01\ub41c\ub2e4. \uc5b4\uca0c\ub4e0 \uc5ec\uae30\uc800\uae30 \uac80\uc0c9\ud558\ub2e4 \ubcf4\uba74 jQuery \ud648\ud398\uc774\uc9c0\uc5d0 jQuery Template\ub97c \uc18c\uac1c\ud558\ub294 \ud398\uc774\uc9c0\uac00 \uc788\ub2e4.(http:\/\/api.jquery.com\/jQuery.template\/<\/a>)<\/p>\n

 <\/p>\n

\"\"<\/a><\/div>\n

 
\n\uc77c\ub2e8 jQuery Template\uc740 plug-in\uc774\ubbc0\ub85c jQuery.template.js \ud30c\uc77c\uc744 \ub2e4\uc6b4\ub85c\ub4dc \ubc1b\uc544\uc57c\ud55c\ub2e4. jQuery Template\uc744 \uc18c\uac1c\ud558\ub294 \uadf8 \ud398\uc774\uc9c0\ub97c \uc798 \uc0b4\ud3b4\ubcf4\uba74 \ubc1b\uc544\uc62c \uc218 \uc788\ub294 \ub9c1\ud06c\ub97c \ucc3e\uc744 \uc218 \uc788\uc9c0\ub9cc \uc601\uc5b4 \uc6b8\ub801\uc99d \ubc0f \uc228\uc740\uadf8\ub9bc\ucc3e\uae30\uc5d0 \ub2a5\ud558\uc9c0 \uc54a\uc740 \uc0ac\ub78c\ub4e4\uc744 \uc704\ud574 \ub9c1\ud06c\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.(https:\/\/github.com\/jquery\/jquery-tmpl<\/a>)<\/p>\n

\ub9c1\ud06c\ub97c \ub530\ub77c\uac00\ub3c4 \uc601\uc5b4\ucc9c\uc9c0\uace0 \ub2e4\uc6b4\ub85c\ub4dc \ubc84\ud2bc\uc744 \ucc3e\uc744 \uc218 \uc5c6\ub294 \ubd84\ub4e4\uc744 \uc704\ud574 \uadf8\ub9bc\uc73c\ub85c \uc124\uba85\uc744 \uc774\uc5b4\uac00\uaca0\ub2e4.<\/p>\n

 <\/p>\n

\"\"<\/a><\/div>\n

 <\/p>\n

 <\/p>\n

\"\"<\/a><\/div>\n

 
\n\uc800\uae30\uc11c “Download.zip”\uc744 \ud074\ub9ad\ud558\uba74 \ub2e4\uc6b4\ub85c\ub4dc \ubc1b\uc744 \uc218 \uc788\ub2e4. tar.gz \ud30c\uc77c\uc774 \uc88b\ub2e4\uba74 \uadf8\uac78 \ubc1b\uc544\ub3c4 \ub41c\ub2e4. \ubb58 \ubc1b\ub4e0 \uc0c1\uad00\uc5c6\uc9c0\ub9cc \uc544\ubb34\ub798\ub3c4 zip\uc774 \ud1b5\uc0c1 \ub9ce\uc774 \uc4f0\uc774\ub294 \uac70\ub2c8 \uc800\uac78 \ubc1b\ub3c4\ub85d \ud558\uc790. \uc555\ucd95\uc744 \ud480\uba74 \uc694\uc0c1\ud55c\uac83\ub4e4 \ub9ce\uc740\ub370 \uc77c\ub2e8 \uc6b0\ub9ac\uc5d0\uac8c \ub2f9\uc7a5 \ud544\uc694\ud55c\uac74 jquery.tmpl.js \ud30c\uc77c\uc774\ub2e4. \uac04\ud639 \ud30c\uc77c \ub4a4\uc5d0 “min”\uc774\ub77c\uace0 \uc774\ub984\uc774 \ub2e4\ub978\uac74 \ubb50\ub0d0\uace0 \ubb3c\uc5b4\ubcf4\uc2dc\ub294 \ubd84\ub4e4 \uacc4\uc2dc\ub294\ub370 \uadf8\ub0e5 jquery.tmpl.js \ud30c\uc77c\uc758 \ud544\uc694\uc5c6\ub294 \uacf5\ubc31, \ubcc0\uc218\uba85\ub4f1\ub4f1\uc744 \ucd95\uc57d\ud574\uc11c \ud30c\uc77c\ud06c\uae30\ub97c \uc904\uc5ec\ub193\uc740\uac70\ub2e4. \uadf8\ub0e5 jquery.tmpl.js\ub791 \ub3d9\uc791\ud558\ub294 \ub0b4\uc6a9\uc740 \uac19\uc73c\ub2c8 \ubb58 \uc4f0\ub4e0 \uc0c1\uad00\uc5c6\ub2e4.<\/p>\n

 <\/p>\n

\"\"<\/a><\/div>\n

 <\/p>\n

\uadf8\ub9ac\uace0 HTML\ucf54\ub4dc\ub97c \uc774\ub807\uac8c \uc791\uc131\ud55c\ub2e4. jQuery Template\uc740 Plug-in \uc774\ubbc0\ub85c jQuery\ub97c \ucd94\uac00\ud55c \ub4a4\uc5d0 jQuery Template\uc744 \ucd94\uac00\uc2dc\ud0a8\ub2e4.<\/p>\n

\n
\n
?<\/a><\/div>\n\n\n\n
\n
1<\/div>\n
2<\/div>\n<\/td>\n
\n
\n
<<\/code>script<\/code> type<\/code>=<\/code>\"text\/javascript\"<\/code> language<\/code>=<\/code>\"javascript\"<\/code> src<\/code>=<\/code>\"js\/jquery1.6.js\"<\/code>><\/<\/code>script<\/code>><\/code><\/div>\n
<<\/code>script<\/code> type<\/code>=<\/code>\"text\/javascript\"<\/code> language<\/code>=<\/code>\"javascript\"<\/code> src<\/code>=<\/code>\"js\/jquery.tmpl.js\"<\/code>><\/<\/code>script<\/code>><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

 <\/p>\n

\uc774\ub807\uac8c \ud558\uba74 \uae30\ubcf8\uc801\uc73c\ub85c \uc900\ube44\ub294 \ub9c8\uccd0\uc84c\uace0 jQuery \ud648\ud398\uc774\uc9c0\uc758 jQuery Template\uc758 \uc18c\uac1c\ud398\uc774\uc9c0\uc5d0\uc120 \ubb54\uac00 javascript\ub85c\ub9cc \ud15c\ud50c\ub9bf\uc744 \ub9cc\ub4e4\uc5b4 \ucc98\ub9ac\ud558\ub294 \ubc29\ubc95\uc744 \uc18c\uac1c\ud574\ub193\uc558\ub294\ub370 \uadf8 \ubc29\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n

 <\/p>\n

\"\"<\/a><\/div>\n

 <\/p>\n

template\ub77c\ub294 \uba85\ub839\uc5b4\uc5d0 \ud15c\ud50c\ub9bf\uc758 \uc774\ub984\uacfc \ud15c\ud50c\ub9bf\uc744 String \uac12\uc73c\ub85c \ub4f1\ub85d\uc744 \ud55c\ub2e4. \uadf8 \uc774\ud6c4\uc5d0 tmpl() \uc774\ub77c\ub294 \uba54\uc11c\ub4dc\ub97c \uc774\uc6a9\ud574 \ud654\uba74\uc5d0 \ub80c\ub354\ub9c1\ud558\uba74 \ub41c\ub2e4. \uc5b4\ub5bb\uac8c \ud558\uba74 \ub418\ub294 \uc608\uc81c\ub97c \ubcf4\uba74\uc11c \ub530\ub77c\ud574\ubcf4\uc790.<\/p>\n

\n
\n
?<\/a><\/div>\n\n\n\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n
14<\/div>\n
15<\/div>\n
16<\/div>\n<\/td>\n
\n
\n
var<\/code> movies = [<\/code><\/div>\n
??<\/code>{ Name: <\/code>\"The Red Violin\"<\/code>, ReleaseYear: <\/code>\"1998\"<\/code>, Director: <\/code>\"Fran?ois Girard\"<\/code> },<\/code><\/div>\n
??<\/code>{ Name: <\/code>\"Eyes Wide Shut\"<\/code>, ReleaseYear: <\/code>\"1999\"<\/code>, Director: <\/code>\"Stanley Kubrick\"<\/code> },<\/code><\/div>\n
??<\/code>{ Name: <\/code>\"The Inheritance\"<\/code>, ReleaseYear: <\/code>\"1976\"<\/code>, Director: <\/code>\"Mauro Bolognini\"<\/code> }<\/code><\/div>\n
??<\/code>];<\/code><\/div>\n
<\/div>\n
$.template(<\/code><\/div>\n
??<\/code>\"detailTemplate\"<\/code>,<\/code><\/div>\n
??<\/code>\"<tr>\"<\/code> +<\/code><\/div>\n
??<\/code>\"<td colspan='2'>${Name}<\/td>\"<\/code> +<\/code><\/div>\n
??<\/code>\"<td>Released: ${ReleaseYear}<\/td>\"<\/code> +<\/code><\/div>\n
??<\/code>\"<td>Director: ${Director}<\/td>\"<\/code> +<\/code><\/div>\n
??<\/code>\"<\/tr>\"<\/code><\/div>\n
);<\/code><\/div>\n
<\/div>\n
$.tmpl( <\/code>\"movieTemplate\"<\/code>, movies ).appendTo( <\/code>\"#movieList\"<\/code> );<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

 <\/p>\n

\uc77c\ub2e8 JSON \ud615\ud0dc\uc758 Array\ub370\uc774\ud130\uac00 \uc788\uace0 \ud15c\ud50c\ub9bf\uc744 \ub4f1\ub85d\ud574\uc900 \ub2e4\uc74c\uc5d0 $.tmpl \uba54\uc11c\ub4dc\ub97c \uc774\uc6a9\ud574 \ud654\uba74\uc5d0 \ub123\uc5b4\uc900\ub2e4\ub294 \uc774\uc57c\uae30. \ubcf4\uae30\uc5d4 \uc26c\uc6cc \ubcf4\uc774\uc9c0\ub9cc \ud15c\ud50c\ub9bf\uc744 \ub4f1\ub85d\ud558\ub294\ub370\uc5d0\ub294 \uc601 \ub9d8\uc5d0 \uc548\ub4e0\ub2e4. \uc880 \ub354 \ud3b8\ud558\uac8c \uc774\uc6a9\ud560 \ubc29\ubc95\uc740 \uc5c6\uc744\uae4c \ud558\uace0 \uace0\ubbfc\ud558\uace0 \uac80\uc0c9\uc744 \ud574\ubd24\ub354\ub2c8 javascript\uac00 \uc544\ub2c8\ub77c HTML\ub85c \ud15c\ud50c\ub9bf\uc744 \uc801\uc6a9\ud558\ub294 \uc608\uac00 \ub098\uc640\uc788\uc5c8\ub2e4.(\ub9c1\ud06c:?http:\/\/blog.outsider.ne.kr\/532<\/a>?- Outsider\ub2d8\uc758 \ube14\ub85c\uadf8?)<\/p>\n

\uc774 \ube14\ub85c\uadf8\uc758 \uc124\uba85\uc744 \ub4e4\uc5b4\ubcf4\uc544\ud558\ub2c8 jQuery\ud300\uc740 \uc774\ubbf8 \uc774\ub7f0\uac83\uacfc \uac19\uc740 \ub9e5\ub77d\uc73c\ub85c Templating, Data Linking, Globalization\uacfc \uac19\uc740 \uacf5\uc2dd \ud50c\ub7ec\uadf8\uc778\uc744 \ubc1c\ud45c\ud588\ub2e4\uace0 \ud55c\ub2e4;; \uadf8\uac83\ub3c4 \uc791\ub144 10\uc6d4\uc5d0.. \ud06c\ud750.. \uc774\ub807\uac8c \uc2dc\ub300\uc5d0 \ub4a4\ub5a8\uc5b4\uc838\uc11c\uc57c.. \uc4f0\uaca0\ub0d0\ub9c8\ub294.. \uc77c\ub2e8 Data Linking \uac19\uc740\uac74 \ub098\uc911\uc5d0 \ub2e4\uc2dc \uc774\uc57c\uae30 \ud558\uace0 \uc5b4\uc11c Template\ub97c \ubcf4\ub2e4 \ud3b8\ub9ac\ud558\uac8c \uc4f0\ub294 \ubc29\ubc95\uc744 \uc774\uc57c\uae30 \ud558\uba74 \uc544\ub798\uc640 \uac19\uc740 \ubc29\ubc95\uc73c\ub85c\ub3c4 \uc0ac\uc6a9\uc774 \uac00\ub2a5\ud558\ub2e4\uace0 \ud55c\ub2e4.<\/p>\n

HTML\uc601\uc5ed\uc5d0 \uc544\ub798\uc640 \uac19\uc774 HTML \uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc791\uc131\ud55c\ub2e4.<\/p>\n

\n
\n
?<\/a><\/div>\n\n\n\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n<\/td>\n
\n
\n
<<\/code>script<\/code> id<\/code>=<\/code>\"detailTemplate\"<\/code> type<\/code>=<\/code>\"text\/x-jquery-tmpl\"<\/code>><\/code><\/div>\n
<<\/code>tr<\/code>><\/code><\/div>\n
???<\/code><<\/code>td<\/code> colspan<\/code>=<\/code>'2'<\/code>>${Name}<\/<\/code>td<\/code>><\/code><\/div>\n
???<\/code><<\/code>td<\/code>>Released: ${ReleaseYear}<\/<\/code>td<\/code>><\/code><\/div>\n
???<\/code><<\/code>td<\/code>>Director: ${Director}<\/<\/code>td<\/code>><\/code><\/div>\n
<\/<\/code>tr<\/code>><\/code><\/div>\n
<\/<\/code>script<\/code>><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

\uadf8\ub9ac\uace0 Javascript\uc5d0\uc11c\ub294 \uc544\ub798\uc640 \uac19\uc774 \ucf54\ub529\ud55c\ub2e4.<\/p>\n

\n
\n
?<\/a><\/div>\n\n\n\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n<\/td>\n
\n
\n
var<\/code> movies = [<\/code><\/div>\n
??<\/code>{ Name: <\/code>\"The Red Violin\"<\/code>, ReleaseYear: <\/code>\"1998\"<\/code>, Director: <\/code>\"Fran?ois Girard\"<\/code> },<\/code><\/div>\n
??<\/code>{ Name: <\/code>\"Eyes Wide Shut\"<\/code>, ReleaseYear: <\/code>\"1999\"<\/code>, Director: <\/code>\"Stanley Kubrick\"<\/code> },<\/code><\/div>\n
??<\/code>{ Name: <\/code>\"The Inheritance\"<\/code>, ReleaseYear: <\/code>\"1976\"<\/code>, Director: <\/code>\"Mauro Bolognini\"<\/code> }<\/code><\/div>\n
??<\/code>];<\/code><\/div>\n
<\/div>\n
$.tmpl( <\/code>\"movieTemplate\"<\/code>, movies ).appendTo( <\/code>\"#movieList\"<\/code> );<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

\uc544\uae4c \uc791\uc131\ud55c \ucf54\ub4dc\uc640 \ube44\uc2b7\ud558\uc9c0\ub9cc \uc801\uc5b4\ub3c4 \uc774 \ubc29\ubc95\uc740 javascript\ub85c \ubb38\uc790\uc5f4\ub85c \uc791\uc131\ub41c\uac83\uc774 \uc544\ub2c8\ub77c HTML\ucf54\ub4dc\ub85c \uc791\uc131\ub418\uc5b4 \uc791\uc131\ud558\ub294 \uac83\ub3c4, \ud3b8\uc9d1\ud558\ub294 \uac83\ub3c4 \uc218\uc6d4\ud574 \uc84c\ub2e4.<\/p>\n

\uc77c\ub2e8 jQuery Template \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc740 \uc5ec\uae30\uae4c\uc9c0. \ub2e4\uc74c \uc2dc\uac04\uc5d4 crossdomain\uc744 \ud574\uacb0\ud574 \uc544\uc774\uc720 \uc774\ubbf8\uc9c0\ub4e4\uc744 \ubd88\ub7ec\uc628 \uc18c\uc2a4\uc5d0 \uc811\ubaa9\uc2dc\ucf1c \ubcf4\ub3c4\ub85d\ud558\uc790.<\/p>\n","protected":false},"excerpt":{"rendered":"

\ub0b4\uac00 \ubd88\ud3b8\ud574\ud558\ub358\uac83\ub4e4\uc774 \ub2e4\uc788\uc5b4…. \uc5c6\ub294\uac8c \uc5c6\uc5b4… \ucd9c\ucc98 : http:\/\/api.jquery.com\/jQuery.template\/ http:\/\/igna.tistory.com\/21 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/537"}],"collection":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=537"}],"version-history":[{"count":0,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/537\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}