{"id":975,"date":"2012-10-06T15:16:01","date_gmt":"2012-10-06T15:16:01","guid":{"rendered":"http:\/\/www.payzip.co.kr\/?p=975"},"modified":"2012-10-06T15:16:01","modified_gmt":"2012-10-06T15:16:01","slug":"%eb%b6%80%ed%8a%b8%ec%8a%a4%ed%8a%b8%eb%9e%a9-bootstrap-from-twitter","status":"publish","type":"post","link":"https:\/\/blog.goorigo.com\/?p=975","title":{"rendered":"\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 (Bootstrap, from Twitter)"},"content":{"rendered":"<p>1. \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 (Bootstrap, from Twitter) \uc740 \ubb34\uc5c7\uc778\uac00?<\/p>\n<p>\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \u00a0(<a title=\"bootstrap from twitter\" href=\"http:\/\/twitter.github.com\/bootstrap\/\" target=\"_blank\">http:\/\/twitter.github.com\/bootstrap\/<\/a>) \uc740\u00a0\ud2b8\uc704\ud130\uc5d0 \uadfc\ubb34\ud558\ub294 \ub450 \uba85\uc758 \uc5d4\uc9c0\ub2c8\uc5b4 (<a href=\"http:\/\/twitter.com\/mdo\" target=\"_blank\">Mark Otto<\/a>\uc640\u00a0<a href=\"http:\/\/twitter.com\/fat\" target=\"_blank\">Jacob Thornton<\/a>)\uac00 \uac1c\ubc1c\ud55c \uac00\ubccd\uace0 \uac04\ub2e8\ud55c \uc624\ud508\uc18c\uc2a4\uae30\ubc18 (\uc544\ud30c\uce582.0\ub77c\uc774\uc13c\uc2a4) \uc758 HTML5, CSS3 UI \ud504\ub808\uc784\uc6cc\ud06c\uc785\ub2c8\ub2e4.\u00a0HTML5, CSS3, Javascript \ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uace0, \uac00\ubccd\uac8c \ud2b8\uc704\ud130 \ub514\uc790\uc778 \ube44\uc2b7\ud55c UI \ub97c \ube60\ub974\uac8c \uad6c\ud604\ud574\ub0bc \uc218 \uc788\ub294 \uac01\uc885 \ucf64\ud3ec\ub10c\ud2b8\ub4e4\uc744 \uc81c\uacf5\ud574 \uc8fc\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>2. \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ub2e4\uc6b4\ub85c\ub4dc<\/p>\n<p>\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ud648\ud398\uc774\uc9c0 (<a title=\"bootstrap from twitter\" href=\"http:\/\/twitter.github.com\/bootstrap\/\" target=\"_blank\">http:\/\/twitter.github.com\/bootstrap\/<\/a>) \uc5d0\uc11c \ub9b4\ub9ac\uc988\ub41c \ubc84\uc804\uc744 \ub2e4\uc6b4\ub85c\ub4dc \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud604\uc7ac 2.0 \uae4c\uc9c0 \ub9b4\ub9ac\uc988\ub410\uace0, \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \uc800\uc7a5\uc18c (<a href=\"http:\/\/github.com\/twitter\/bootstrap\" target=\"_blank\">http:\/\/github.com\/twitter\/bootstrap<\/a>)\ub97c \uc0b4\ud3b4\ubcf4\uba74, \ud604\uc7ac 2.0.1 \ubc84\uc804\uc73c\ub85c \uc791\uc5c5\uc774 \uc9c4\ud589\uc911\uc774\ub124\uc694.<\/p>\n<p>3. \ub0b4 \ud648\ud398\uc774\uc9c0\uc5d0 bootstrap \uc801\uc6a9\ud558\uae30<\/p>\n<p>HTML, CSS, Javascript \uc5d0 \uc120\uc218\uc9c0\uc2dd\uc774 \uc788\uc73c\uba74 \uc870\uc608\uac00 \uae4a\uc9c0 \uc54a\uc544\ub3c4, \ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc744 \uac00\uc838\ub2e4\uac00 \ub098\ub9cc\uc758 \uc0ac\uc774\ud2b8\ub97c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ubbf8 \uc0d8\ud50c\ub85c \uad6c\uc131\ub41c \ubd80\ud2b8 \uc2a4\ud2b8\ub7a9 \uc608\uc81c \ud654\uba74\uc744 \ucc38\uc870\ud558\uba74 \uc5b4\ub835\uc9c0 \uc54a\uac8c \ub530\ub77c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ud648\ud398\uc774\uc9c0\uc5d0\uc11c \uc790\uc138\ud55c \uc124\uba85\uae4c\uc9c0 \uc124\uba85\ub418\uc5b4 \uc788\uc73c\ub2c8, \uc870\uae08\ub9cc \uc2dc\uac04\uc744 \ub0b4\uc5b4 \uc77d\uc5b4\ubcf4\uba74 \uc6d0\ud558\ub294 \uc785\ub9db\ub300\ub85c \ub9cc\ub4e4\uc5b4 \ub0bc \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uae30\ubcf8\uc801\uc73c\ub85c CSS \uc5d0 \ub300\ud55c \uae4a\uc740 \uc9c0\uc2dd\uc774 \uc5c6\uc5b4\ub3c4 class \ub97c \uc774\uc6a9\ud558\ub294 \uac83\uc73c\ub85c \ucda9\ubd84\ud788 \uc6d0\ud558\ub294 \uc758\ub3c4\ub300\ub85c \ub9cc\ub4e4\uc5b4 \ub0bc \uc218 \uc788\ub2e4\ub294 \uc810\uc5d0\uc11c, \ub514\uc790\uc778\uc5d0 \uc57d\ud55c \uac1c\ubc1c\uc790\uc5d0\uac8c\ub294 \ub098\ud640\ub85c \uc774\uc05c \uc0ac\uc774\ud2b8 \ub9cc\ub4e4\uae30\uc5d0 \ucd5c\uc801\ud654\ub41c \uc544\uc774\ud15c\uc784\uc5d0 \ud2c0\ub9bc\uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc800\ub3c4 \uac04\ub2e8\ud558\uac8c, \uc0d8\ud50c \uac00\uc838\ub2e4 \ub9cc\ub4e4\uc5b4 \ubd24\uc2b5\ub2c8\ub2e4. (<a title=\"twt_bootstrap\" href=\"http:\/\/rkjun.github.com\/twt_bootstrap\/\" target=\"_blank\">rkJun\u2019s bootstrap<\/a>) -_-;<\/p>\n<p>4. \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5<\/p>\n<p>\uc5b4\ub290\uc815\ub3c4\uae4c\uc9c0\ub294 \ub0b4 \uc785\ub9db\ub300\ub85c \ubc14\uafd4\uc11c \uc4f8 \uc218 \uc788\uc5b4\uc57c, \uc368\ubcfc \ub9db\uc774 \ub0a9\ub2c8\ub2e4. \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ud398\uc774\uc9c0\uc5d0\uc11c\ub3c4 \uc774\ubbf8 \ucee4\uc2a4\ud130\ub9c8\uc774\uc988 \uae30\ub2a5\uc744 \uae30\ubcf8\uc73c\ub85c \uc81c\uacf5\ud574 \uc8fc\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ucd94\uac00\ub85c \ubd80\uce20\uc653\uce58(<a title=\"bootswatch\" href=\"http:\/\/bootswatch.com\/\" target=\"_blank\">http:\/\/bootswatch.com\/<\/a>) \uc0ac\uc774\ud2b8\ub97c \ud1b5\ud574\uc11c\ub3c4 \uac04\ub2e8\ud558\uac8c \uc0c9\uc0c1 \ubcc0\uacbd\uc744 \ud1b5\ud574 \uc6d0\ud558\ub294 CSS \ub97c \uc5bb\uc5b4\ub0bc \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.\u00a0\ub7a9\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 (<a href=\"http:\/\/wrapbootstrap.com\/\" target=\"_blank\">http:\/\/wrapbootstrap.com\/<\/a>) \uc5d0\uc11c\ub294 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc6a9 \ud14c\ub9c8\ub97c \ud310\ub9e4\ud558\uace0 \uc788\uae30\ub3c4 \ud569\ub2c8\ub2e4.<\/p>\n<p>5. \uc6f9 \uac1c\ubc1c\uc790\uc758 \ub180\uc774\uac00 \ub418\uc5b4 \uc904 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9.<\/p>\n<p>\uc0ac\uc774\ud2b8\uc758 \ud2c0\uc744 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc774 \uc7a1\uc544\uc8fc\ub2c8, \ub098\uba38\uc9c0\ub294 \uc6f9 \uac1c\ubc1c\uc790 \ud63c\uc790\uc11c\ub3c4 \uc5b4\ub5bb\uac8c\ub4e0, \uadf8\ub7ed\uc800\ub7ed \uc774\uc05c \uc0ac\uc774\ud2b8\ub97c \ub9cc\ub4e4\uc5b4 \ub0bc \uc218 \uc788\uc744 \ub4ef \ud569\ub2c8\ub2e4. \ub098\uba38\uc9c0 \ucf54\ub529\uc740 \uac1c\ubc1c\uc790 \ubaab\uc778 \uac70\uc8e0.\u00a0\ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc5d0 \ucd5c\uc801\ud654\ub41c JQuery Plugin \ub4e4\ub3c4 \uaf64 \ud765\ubbf8\ub86d\uc2b5\ub2c8\ub2e4. \u00a0\ud2b9\ud788\ub098\u00a0<a title=\"bootstrap jQuery custom plugin carousel\" href=\"http:\/\/twitter.github.com\/bootstrap\/javascript.html#carousel\" target=\"_blank\">\uce90\ub7ec\uc140<\/a>\u00a0(carousel :\u00a0\ud654\uba74\uc744 \ud68c\uc804\ud558\ub4ef\u00a0\ubd80\ub4dc\ub7fd\uac8c \uc804\ud658\uc2dc\ud0a4\ub294 \ubc29\uc2dd.) \uac19\uc740 \uae30\ub2a5\ub4e4\uc740 \uc660\uc9c0 \ubb34\uc870\uac74 \ub123\uace0 \ubd10\uc57c \ud558\ub294 \uac70\uc8e0.^^;<\/p>\n<p>6. \ub354 \ub9ce\uc740 \uc815\ubcf4\ub4e4.<\/p>\n<p><a href=\"http:\/\/www.initializr.com\/\" target=\"_blank\">http:\/\/www.initializr.com\/<br \/>\n<\/a>15 \ucd08\uc548\uc5d0, HTML5 \ud504\ub85c\uc81d\ud2b8\ub97c \uc2dc\uc791\ud560 \uc218 \uc788\uac8c \ud574\uc900\ub2e4\ub294 \uc774\ub2c8\uc15c\ub77c\uc774\uc838(initializr.com) \uc0ac\uc774\ud2b8\uc778\ub370, HTML5 \ud15c\ud50c\ub9bf\uc744 \uc0dd\uc131\ud574 \uc90d\ub2c8\ub2e4. \ucd5c\uadfc \ubd80\ud2b8\uc2a4\ud2b8\ub7a92 \uc9c0\uc6d0\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><a title=\"bootswatch\" href=\"http:\/\/bootswatch.com\/\" target=\"_blank\">http:\/\/bootswatch.com\/<br \/>\n<\/a>\uc704\uc5d0\uc11c \uc5b8\uae09\ud588\ub358 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5\ud574\uc8fc\ub294 \uc0ac\uc774\ud2b8\uc785\ub2c8\ub2e4.<\/p>\n<p><a href=\"http:\/\/wrapbootstrap.com\/\" target=\"_blank\">http:\/\/wrapbootstrap.com\/<br \/>\n<\/a>\uc5ec\uae30\ub3c4 \uc704 \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5 \uc598\uae30\ud560 \ub54c \uc5b8\uae09\ud558\uae30\ub294 \ud588\ub294\ub370, \ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc6a9 \ud14c\ub9c8\ub97c \ud310\ub9e4\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><a href=\"http:\/\/stylebootstrap.info\/\" target=\"_blank\">http:\/\/stylebootstrap.info<br \/>\n<\/a>\uc704\uc5d0\uc11c\ub294 \uc5b8\uae09\ud558\uc9c0 \uc54a\uc558\uc9c0\ub9cc, Bootswatch \ucc98\ub7fc \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5\ud560 \uc218 \uc788\ub294 \uacf3\uc785\ub2c8\ub2e4. \ub611\uac19\uc740 \ub514\uc790\uc778\uc740 \uc2eb\uc5b4. \ub77c\uace0 \ud558\uc2e0\ub2e4\uba74 \uc2a4\ud0c0\uc77c\ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc5d0\uc11c \ub098\ub9cc\uc758 \ub514\uc790\uc778\uc73c\ub85c \uac04\ub2e8\ud558\uac8c \ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc744 \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<img src=\"https:\/\/s0.wp.com\/wp-includes\/images\/smilies\/icon_smile.gif\" alt=\":)\" \/><\/p>\n<p><a href=\"http:\/\/https\/\/github.com\/commadelimited\/jQuery-Mobile-Bootstrap-Theme#readme\" target=\"_blank\">https:\/\/github.com\/commadelimited\/jQuery-Mobile-Bootstrap-Theme#readme<br \/>\n<\/a>\ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc740 \ubc18\uc751\ud615 \ub514\uc790\uc778 (Responsive Design)\uc73c\ub85c \ub418\uc5b4 \uc788\uc9c0\ub9cc, \uc544\uc608 \ubaa8\ubc14\uc77c\uc5d0 \ud2b9\ud654\ud558\uae38 \uc6d0\ud55c\ub2e4\uba74 jQuery Mobile Bootstrap Theme \ub97c \uc774\uc6a9\ud558\ub294 \ubc29\ubc95\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>7. \uad6d\ub0b4 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \uc801\uc6a9\ub41c \uc0ac\uc774\ud2b8\ub4e4<\/p>\n<p><a title=\"http:\/\/dogfeet.github.com\/\" href=\"http:\/\/dogfeet.github.com\/\" target=\"_blank\">http:\/\/dogfeet.github.com\/<br \/>\n<\/a>\uc88b\uc740 \uae00\ub4e4\uc774 \ub9ce\uc774 \uc62c\ub77c\uc624\ub294 \ube14\ub85c\uadf8\uc785\ub2c8\ub2e4. Pro Git \ud55c\uae00 \ubc88\uc5ed\ub3c4 \ud558\uc168\uace0, \ub3c4\uc6c0\uc774 \ub9ce\uc774 \ub418\ub294 \uacf3\uc774\ub124\uc694. (\uc544, \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \uc598\uae30\ud558\ub2e4 \uac11\uc790\uae30 \uc0db\uae38\ub85c;;)<\/p>\n<p><a title=\"http:\/\/feed9.com\/\" href=\"http:\/\/feed9.com\/\" target=\"_blank\">http:\/\/feed9.com\/<br \/>\n<\/a>\uc5ed\uc2dc \ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uae30\ubc18. \uc18c\uc2a4\uacf5\uac1c\ub3c4 \ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. (<a title=\"feed9 public repo\" href=\"https:\/\/github.com\/sungchi\/feed9\" target=\"_blank\">https:\/\/github.com\/sungchi\/feed9<\/a>)<\/p>\n<p>8. \uc7a1\ub2f4<\/p>\n<p>\ub514\uc790\uc778\uc5d0 \uc57d\ud55c \uc6f9 \uac1c\ubc1c\uc790\ub4e4(\ud2b9\ud788\ub098 \uc11c\ubc84\uc0ac\uc774\ub4dc\uac1c\ubc1c\uc790)\u00a0\uc5d0\uac8c \u00a0\uaf64 \ud765\ubbf8\ub85c\uc6b4 \ubb3c\uac74\uc774\ub2e4. \uc27d\uace0 \uc7ac\ubc0c\uac8c \uac00\uc838\ub2e4 \uc4f8 \uc218 \uc788\ub294 \uac83\ub3c4 \ud070 \uc7a5\uc810\uc774\uace0. \uc554\ud2bc \uc774 bootstrap \uc758 \uae30\ubc18\uc5d0\ub294 less (<a title=\"less\" href=\"http:\/\/lesscss.org\/\" target=\"_blank\">http:\/\/lesscss.org\/<\/a>) \uae30\uc220\ub3c4 \uc0ac\uc6a9\ub418\uc5b4\uc9c0\uace0 \uc788\ub294\ub370 \uc774\uac8c \ub610 \uaf64 \ud765\ubbf8\ub85c\uc6b4\ub370, \uc774\uac74 \ub098\uc911\uc5d0 \ucc28\ucc28 \ub2e4\uc2dc \ud3ec\uc2a4\ud305\ud574\uc57c\uaca0\ub2e4.<\/p>\n<p>\ucd9c\ucc98 : https:\/\/rkjun.wordpress.com\/2012\/02\/28\/bootstrap-2-0-intro\/<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 (\u00a0<a href=\"http:\/\/twitter.github.com\/bootstrap\/index.html\">http:\/\/twitter.github.com\/bootstrap\/index.html<\/a>\u00a0) \uc740 html5, css3, javascript \ub85c \ud648\ud398\uc774\uc9c0 \uc81c\uc791\uc744 \ub3c4\uc640\uc8fc\ub294 \uc624\ud508\uc18c\uc2a4\uae30\ubc18\uc758 \ud504\ub808\uc784\uc6cc\ud06c\uc785\ub2c8\ub2e4.<br \/>\n\uc790\uc138\ud55c \ub0b4\uc6a9\uc740 \uc704\uc758 \uc8fc\uc18c\uc5d0 \uac00\uba74 \ub098\uc640\uc788\uad6c\uc694. \ud55c\uae00\ub85c \ucc28\uadfc \ucc28\uadfc \uc124\uba85\ud55c \ubd84\uc774 \uc788\ub294\ub370 nhn \uac1c\ubc1c\ud300\uc5d0\u00a0<a title=\"[http:\/\/helloworld.naver.com\/helloworld\/67876]\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.\" href=\"http:\/\/helloworld.naver.com\/helloworld\/67876\" target=\"_blank\">\ubc15\uacbd\uc77c\ub2d8<\/a>\uc73c\ub85c \uc124\uba85\uc744 \ub300\uc2e0\ud569\ub2c8\ub2e4.<br \/>\n\uc81c\uac00 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc744 \uc811\ud588\uc744\ub54c\ub294 \ubb34\uc5c7\ubcf4\ub2e4\ub3c4 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0 \ub300\ud55c \uc9c0\uc2dd\uc774 \uc5c6\uc5b4\ub3c4 \uc5b4\ub290\uc815\ub3c4 \uc751\uc6a9\uc774 \uac00\ub2a5\ud558\ub2e4\ub294 \uc810\uc774\uc600\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ub610\ud55c \ud14c\ub9c8 \ub610\ud55c \uc5ec\ub7ec\uac00\uc9c0\ub97c \uc81c\uacf5\ud558\uace0 \uc788\uace0 \ubb34\uc5c7\ubcf4\ub2e4\ub3c4 \uaca9\uc790(Grid) \ub808\uc774\uc544\uc6c3\uc744 \uc9c0\uc6d0\ud558\uae30 \ub54c\ubb38\uc5d0 \ubc18\uc751\ud615 \uc6f9\uc0ac\uc774\ud2b8\ub97c \uc81c\uc791\ud560 \uc218 \uc788\ub294 \ubbf8\ub514\uc5b4\ucffc\ub9ac \uc791\uc131\uc774 \uc27d\ub2e4\ub294 \uc810\uc785\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cfile1.uf.tistory.com\/image\/1970FB3F4FE52AF113FABA\" alt=\"\" width=\"500\" height=\"264\" \/><\/div>\n<p>&nbsp;<\/p>\n<div>\n<p>\ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5(Customizing)<\/p>\n<\/div>\n<p>\ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc740 css \ub098 js \ub4f1 \uc6d0\ud558\ub294 \uad6c\uc131\uc694\uc18c\ub9cc \uac00\uc800\ub2e4\uac00 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\n\uc120\ud0dd\uc744 \ud55c \ud6c4 \ub9e8 \uc544\ub798\uc5d0 \ub2e4\uc6b4\ub85c\ub4dc \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cfile22.uf.tistory.com\/image\/1557DB3D4FE52BE90E7672\" alt=\"\" width=\"500\" height=\"223\" \/><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cfile30.uf.tistory.com\/image\/1457DB3D4FE52BEA0FAA4E\" alt=\"\" width=\"500\" height=\"272\" \/><\/div>\n<p>&nbsp;<br \/>\n\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \uc0ac\uc774\ud2b8\uc5d0\uc11c\ub3c4 \uc6d0\ud558\ub294 \ubd80\ubd84\ub9cc\uc744 \uad6c\uc131\ud574\uc11c \ub2e4\uc6b4\ub85c\ub4dc \ud560\uc218\ub3c4 \uc788\uc9c0\ub9cc \uc9c1\uc811 \uc0c9\uc0c1\uc744 \uc218\uc815\ud558\ub294\uac83\uc744 \ubbf8\ub9ac\ubcf4\uae30\ud558\uba74\uc11c \uc124\uc815\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\n<a href=\"http:\/\/stylebootstrap.info\/\">http:\/\/stylebootstrap.info\/<\/a><br \/>\n<a href=\"http:\/\/bootswatch.com\/\">http:\/\/bootswatch.com\/<\/a><\/p>\n<p>&nbsp;<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cfile25.uf.tistory.com\/image\/186ADB3F4FE52CEA1EFD6D\" alt=\"\" width=\"500\" height=\"215\" \/><\/div>\n<p>\uac1c\uc778\uc801\uc73c\ub85c \ub450\uac00\uc9c0 \uc815\ub3c4\uc758 \ud14c\ub9c8\uac00 \ub9d8\uc5d0 \ub4dc\ub294\uac83\uc774 \uc788\ub294\ub370\u00a0\u00a0<a href=\"http:\/\/bootswatch.com\/\">http:\/\/bootswatch.com\/<\/a>\u00a0\u00a0\uc0ac\uc774\ud2b8\uc5d0 \uac00\uc11c \ub2e4\uc6b4\ub85c\ub4dc\ub97c \ud074\ub9ad\ud558\uba74 css \ud30c\uc77c\uc744 \ub2e4\uc6b4\ub85c\ub4dc \ubc1b\uc744\uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cfile2.uf.tistory.com\/image\/20650F464FE52DA520233C\" alt=\"\" width=\"429\" height=\"551\" \/><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<br \/>\n\ub2e4\uc591\ud55c \uc0d8\ud50c\uacfc \ub370\ubaa8\uc0ac\uc774\ud2b8\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5\uc744 \ud558\uae30 \uc804\uc5d0 \ub458\ub7ec\ubcf4\uc2dc\ub294\uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<br \/>\n\uc544\ub798\ub294 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc5d0 \uc788\ub294 \uc0d8\ud50c\ud398\uc774\uc9c0 \uc785\ub2c8\ub2e4.<br \/>\n\uc0d8\ud50c =&gt;\u00a0\u00a0<a href=\"http:\/\/twitter.github.com\/bootstrap\/examples.html\">http:\/\/twitter.github.com\/bootstrap\/examples.html<\/a><br \/>\n\ub370\ubaa8 \ud398\uc774\uc9c0 =&gt;\u00a0\u00a0<a href=\"https:\/\/wrapbootstrap.com\/\">https:\/\/wrapbootstrap.com\/<\/a><\/p>\n<p>\ub370\ubaa8 \ud398\uc774\uc9c0 \uc911\uc5d0\uc11c \ub9d8\uc5d0 \ub4dc\ub294 \uba87\uac00\uc9c0\ub97c \ucd94\ub824 \ubd24\uc2b5\ub2c8\ub2e4.<\/p>\n<div>\n<table border=\"0\" cellspacing=\"5\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><img loading=\"lazy\" src=\"http:\/\/cfile25.uf.tistory.com\/image\/1642503D4FE52E5D1FA03B\" alt=\"\" width=\"300\" height=\"194\" \/><\/td>\n<td><img loading=\"lazy\" src=\"http:\/\/cfile24.uf.tistory.com\/image\/1642503D4FE52E5E201620\" alt=\"\" width=\"300\" height=\"194\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div>\n<table border=\"0\" cellspacing=\"5\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td><img loading=\"lazy\" src=\"http:\/\/cfile23.uf.tistory.com\/image\/1742503D4FE52E5E219BAF\" alt=\"\" width=\"300\" height=\"194\" \/><\/td>\n<td><img loading=\"lazy\" src=\"http:\/\/cfile10.uf.tistory.com\/image\/1942503D4FE52E6122235E\" alt=\"\" width=\"300\" height=\"194\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\uadf8\uc911\uc5d0\uc11c \uac1c\uc778\uc801\uc73c\ub85c\u00a0\u00a0<a href=\"http:\/\/wrapbootstrap.com\/preview\/WB0LX21H9\">http:\/\/wrapbootstrap.com\/preview\/WB0LX21H9<\/a>\u00a0 \uac00 \ubbf8\ub9ac\ubcf4\uae30 \ud558\uae30\ub3c4 \uc88b\uace0 \uc0c9\uc0c1\ub3c4 \uc88b\uc2b5\ub2c8\ub2e4.<br \/>\n\uc544\uc26c\uc6b4\uc810\uc740 \ubc30\uacbd\uc774 \ub9d8\uc5d0 \uc548\ub4dc\ub294\uad70\uc694..\u314e\u314e\u314e\u314e\u314e<br \/>\n\uc5ec\ud558\ud2bc\u00a0<a title=\"[https:\/\/wrapbootstrap.com\/]\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.\" href=\"https:\/\/wrapbootstrap.com\/\" target=\"_blank\">\ub370\ubaa8 \ud398\uc774\uc9c0<\/a>\u00a0\uc5d0 \ubcf4\uc2dc\uba74 \uc5ec\ub7ec \uc0ac\uc774\ud2b8\uac00 \uc788\uc73c\ub2c8 \ucc38\uace0\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n<div>\n<p>jQuery UI Bootstrap<\/p>\n<\/div>\n<p>\uc0ac\uc774\ud2b8\ub97c \ub458\ub7ec\ubcf4\uace0 \uc81c\uc791\ud574\ubcf4\ub2c8 \uc544\uc26c\uc6b4\uc810\uc774 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. jquery\ub294 \ubd80\ub4dc\ub7ec\uc6b4 \ud654\uba74\uc774\ub3d9\uc774\ub77c\ub4e0\uac00 jquery ui \uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uc544\uc774\ucf58\uc774 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\n\ubd80\ud2b8\uc2a4\ud2b8\ub7a9\ub3c4 \uc544\uc774\ucf58\uc744 \uc81c\uacf5\ud558\uace0 \uc0ac\uc6a9\ud558\ub294\ub370\uc694&#8230;..\uc774\ub7f0 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc758 \uc544\uc26c\uc6b4 \ubd80\ubd84\uc744 jquery \ub97c \uc774\uc6a9\ud574\uc11c \uc880\ub354 \uc5c5\uadf8\ub808\uc774\ub4dc\uc2dc\ud0a4\ub294 \ub178\ub825\uc774 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\n<a href=\"http:\/\/addyosmani.github.com\/jquery-ui-bootstrap\/\">http:\/\/addyosmani.github.com\/jquery-ui-bootstrap\/<\/a><\/p>\n<p>&nbsp;<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cfile29.uf.tistory.com\/image\/191FBB4B4FE52F8B07BAC5\" alt=\"\" width=\"500\" height=\"485\" \/><\/div>\n<p>&nbsp;<br \/>\n\uc5ec\uae30\uc11c\ub3c4 \ub2e4\uc6b4\ub85c\ub4dc\ub97c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc6b4\ub85c\ub4dc \ubc1b\uc544\ubcf4\ub2c8 \uac01\uac01 \ubd84\ub9ac\ub418\uc5b4 \uc788\uc5b4\uc11c \uc6d0\ud558\ub294 \ubd80\ubd84\ub9cc \ucde8\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\n\ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc758 \uba54\uc778\uba54\ub274\uc758 \ub4dc\ub86d\ub2e4\uc6b4\uc744 \ubcf4\uba74 \ud074\ub9ad\ud558\uba74 \ubcf4\uc5ec\uc9c0\uace0 \uac10\uccd0\uc9c0\ub294\ub370 \ubc18\ud574 jquery\uc5d0\uc11c\ub294 \ubd80\ub4dc\ub7fd\uac8c \ub0b4\ub824\uc624\ub294 \uc2ac\ub77c\uc774\ub529 \ud6a8\uacfc\ub97c \uc900\uac83 \uac19\uc2b5\ub2c8\ub2e4.<br \/>\n\uc5ed\uc2dc \ubd80\ub4dc\ub7ec\uc6b4 \uc774\ub3d9\uc774\ub098 jquery \uc758 \ub2ec\ub825\ub4f1\uc774 \uac15\uc810\uc778\uac83 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cfile10.uf.tistory.com\/image\/141EF4474FE530AB06D507\" alt=\"\" width=\"500\" height=\"238\" \/><\/div>\n<p>&nbsp;<br \/>\n\uc5c5\ub370\uc774\ud2b8\ub098 \uae30\uc220\uc801\uc778 \ubd80\ubd84\uc5d0 \ub300\ud574\uc11c\ub294\u00a0<a>\ube14\ub85c\uadf8<\/a>\ub098 github\uc5d0\uc11c \ub354 \uc54c\uc544\ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\n<a href=\"http:\/\/addyosmani.com\/blog\/\">http:\/\/addyosmani.com\/blog\/<\/a><br \/>\n<a href=\"https:\/\/github.com\/addyosmani\/jquery-ui-bootstrap\">https:\/\/github.com\/addyosmani\/jquery-ui-bootstrap<\/a><\/p>\n<div>\n<p>WordPress Bootstrap<\/p>\n<\/div>\n<p>\ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc740 \uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0\uc11c\ub3c4 \uc801\uc6a9\ub429\ub2c8\ub2e4.<br \/>\n\ubb34\ub8cc\ub85c \ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc758 \ud14c\ub9c8\ub97c \uc0ac\uc6a9\ud560 \uc218\ub3c4 \uc788\uace0, \uc0ac\uc774\ub4dc\ubc14\uac00 \uc788\ub294\uacbd\uc6b0, \uc5c6\ub294\uacbd\uc6b0 \ubaa8\ub450 \uc788\uace0, \ubbf8\ub514\uc5b4\ucffc\ub9ac\ub098 \uc635\uc158 \ub4f1 \ub2e4\uc591\ud558\uac8c \uc774\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\n<a href=\"http:\/\/320press.com\/wpbs\/\">http:\/\/320press.com\/wpbs\/<\/a><\/p>\n<p>&nbsp;<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cfile23.uf.tistory.com\/image\/1812C14F4FE531A70D710F\" alt=\"\" width=\"500\" height=\"365\" \/><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cfile6.uf.tistory.com\/image\/1955A03C4FE532592BD120\" alt=\"\" width=\"500\" height=\"398\" \/><\/div>\n<p>&nbsp;<br \/>\n\ucf54\ub4dc\ub098 \uc801\uc6a9\ubc29\ubc95 \ub4f1 \uc0ac\uc6a9\ud560 \ubd80\ubd84\uc5d0 \ub300\ud574\uc11c \uc798 \uc54c\ub824\uc8fc\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cfile27.uf.tistory.com\/image\/2028E8394FE532AB0874AA\" alt=\"\" width=\"500\" height=\"487\" \/><\/div>\n<p>&nbsp;<\/p>\n<p>\uc6cc\ub4dc\ud504\ub808\uc2a4\ub97c \uc704\ud55c \ud14c\ub9c8\ub3c4 \uc788\uc9c0\ub9cc\u00a0<a title=\"[http:\/\/www.rootstheme.com\/]\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.\" href=\"http:\/\/www.rootstheme.com\/\" target=\"_blank\">\ub8e8\uce20 \ud14c\ub9c8<\/a>\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cfile5.uf.tistory.com\/image\/1245E1484FE5354033A8FE\" alt=\"\" width=\"500\" height=\"324\" \/><\/div>\n<p>&nbsp;<br \/>\n\ubd80\ud2b8\uc2a4\ud2b8\ub7a9\uc744 \uc774\uc6a9\ud574\uc11c\u00a0<a>\ud2f0\uc2a4\ud1a0\ub9ac \uc2a4\ud0a8<\/a>\uc744 \ub9cc\ub4e4\uc5b4 \ubd24\uc2b5\ub2c8\ub2e4.<br \/>\n\uc9c0\uae08\u00a0<a>\ube14\ub85c\uadf8<\/a>\uc5d0 \uc801\uc6a9\ub418\uc5b4 \uc788\ub294 \ud558\ub2e8\uc5d0 \ud0ed \uc544\ucf54\ub514\uc5b8\uc744 \uc801\uc6a9\ud574\ubd24\uace0, \uc0ac\uc774\ub4dc\ubc14\ub294 \uc544\uc608 \ubaa8\ub450 \ud45c\uc2dc\ud558\ub294\uac83\uc744 \uc804\uc81c\ub85c \uc544\ucf54\ub514\uc5b8\uc73c\ub85c \ub9cc\ub4e4\uc5b4\ubd24\uc2b5\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<div><img loading=\"lazy\" src=\"http:\/\/cfile22.uf.tistory.com\/image\/122C0A394FE536651075CA\" alt=\"\" width=\"500\" height=\"557\" \/><\/div>\n<div><\/div>\n<p>&nbsp;<\/p>\n<p>\ucd9c\ucc98 :\u00a0<a href=\"http:\/\/demun.tistory.com\/2133\">http:\/\/demun.tistory.com\/2133<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 (Bootstrap, from Twitter) \uc740 \ubb34\uc5c7\uc778\uac00? \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \u00a0(http:\/\/twitter.github.com\/bootstrap\/) \uc740\u00a0\ud2b8\uc704\ud130\uc5d0 \uadfc\ubb34\ud558\ub294 \ub450 \uba85\uc758 \uc5d4\uc9c0\ub2c8\uc5b4 (Mark Otto\uc640\u00a0Jacob Thornton)\uac00 \uac1c\ubc1c\ud55c \uac00\ubccd\uace0 \uac04\ub2e8\ud55c \uc624\ud508\uc18c\uc2a4\uae30\ubc18 (\uc544\ud30c\uce582.0\ub77c\uc774\uc13c\uc2a4) \uc758 HTML5, CSS3 UI \ud504\ub808\uc784\uc6cc\ud06c\uc785\ub2c8\ub2e4.\u00a0HTML5, CSS3, Javascript \ub85c&hellip; <\/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\/975"}],"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=975"}],"version-history":[{"count":0,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/975\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}