{"id":1139,"date":"2016-07-27T14:25:36","date_gmt":"2016-07-27T05:25:36","guid":{"rendered":"http:\/\/blog.box.kr\/?p=1139"},"modified":"2016-07-27T14:28:23","modified_gmt":"2016-07-27T05:28:23","slug":"jquery-with-bootstrap","status":"publish","type":"post","link":"https:\/\/blog.box.kr\/?p=1139","title":{"rendered":"JQuery with Bootstrap"},"content":{"rendered":"<p><a href=\"http:\/\/maczniak.github.io\/bootstrap\/javascript.html\">http:\/\/maczniak.github.io\/bootstrap\/javascript.html<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>and<\/p>\n<p>&nbsp;<\/p>\n<p>Collapse navigator<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/zetawiki.com\/wiki\/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EB%B0%94_%EC%9E%90%EB%8F%99%EC%A0%91%EA%B8%B0_navbar-collapse\">http:\/\/zetawiki.com\/wiki\/\ubd80\ud2b8\uc2a4\ud2b8\ub7a9_\ub0b4\ube44\uac8c\uc774\uc158\ubc14_\uc790\ub3d9\uc811\uae30_navbar-collapse<\/a><\/p>\n<p>&nbsp;<\/p>\n<div id=\"toc\" class=\"toc\">\n<div id=\"toctitle\">\n<h2>\ubaa9\ucc28<\/h2>\n<\/div>\n<ul>\n<li class=\"toclevel-1 tocsection-1\"><a href=\"http:\/\/zetawiki.com\/wiki\/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EB%B0%94_%EC%9E%90%EB%8F%99%EC%A0%91%EA%B8%B0_navbar-collapse#.EA.B0.9C.EC.9A.94\"><span class=\"tocnumber\">1<\/span> <span class=\"toctext\">\uac1c\uc694<\/span><\/a><\/li>\n<li class=\"toclevel-1 tocsection-2\"><a href=\"http:\/\/zetawiki.com\/wiki\/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EB%B0%94_%EC%9E%90%EB%8F%99%EC%A0%91%EA%B8%B0_navbar-collapse#.EC.98.88.EC.8B.9C\"><span class=\"tocnumber\">2<\/span> <span class=\"toctext\">\uc608\uc2dc<\/span><\/a><\/li>\n<li class=\"toclevel-1 tocsection-3\"><a href=\"http:\/\/zetawiki.com\/wiki\/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EB%B0%94_%EC%9E%90%EB%8F%99%EC%A0%91%EA%B8%B0_navbar-collapse#.EA.B0.99.EC.9D.B4_.EB.B3.B4.EA.B8.B0\"><span class=\"tocnumber\">3<\/span> <span class=\"toctext\">\uac19\uc774 \ubcf4\uae30<\/span><\/a><\/li>\n<li class=\"toclevel-1 tocsection-4\"><a href=\"http:\/\/zetawiki.com\/wiki\/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EB%B0%94_%EC%9E%90%EB%8F%99%EC%A0%91%EA%B8%B0_navbar-collapse#.EC.B0.B8.EA.B3.A0_.EC.9E.90.EB.A3.8C\"><span class=\"tocnumber\">4<\/span> <span class=\"toctext\">\ucc38\uace0 \uc790\ub8cc<\/span><\/a><\/li>\n<\/ul>\n<\/div>\n<h2><span id=\".EA.B0.9C.EC.9A.94\" class=\"mw-headline\">\uac1c\uc694<\/span><span class=\"mw-editsection\"><span class=\"mw-editsection-bracket\">[<\/span><a title=\"\ubd80\ubd84 \ud3b8\uc9d1: \uac1c\uc694\" href=\"http:\/\/zetawiki.com\/w\/index.php?title=%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EB%B0%94_%EC%9E%90%EB%8F%99%EC%A0%91%EA%B8%B0_navbar-collapse&amp;action=edit&amp;section=1\">\ud3b8\uc9d1<\/a><span class=\"mw-editsection-bracket\">]<\/span><\/span><\/h2>\n<dl>\n<dt>Collapsing The Navigation Bar, navbar-collapse<\/dt>\n<dt>\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ub124\ube44\uac8c\uc774\uc158\ubc14 \uc790\ub3d9\uc811\uae30<\/dt>\n<\/dl>\n<h2><span id=\".EC.98.88.EC.8B.9C\" class=\"mw-headline\">\uc608\uc2dc<\/span><span class=\"mw-editsection\"><span class=\"mw-editsection-bracket\">[<\/span><a title=\"\ubd80\ubd84 \ud3b8\uc9d1: \uc608\uc2dc\" href=\"http:\/\/zetawiki.com\/w\/index.php?title=%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EB%B0%94_%EC%9E%90%EB%8F%99%EC%A0%91%EA%B8%B0_navbar-collapse&amp;action=edit&amp;section=2\">\ud3b8\uc9d1<\/a><span class=\"mw-editsection-bracket\">]<\/span><\/span><\/h2>\n<ul>\n<li>\ud654\uba74\ub108\ube44\uac00 \ub113\uc73c\uba74 navbar-collapse\uc774 \ud45c\uc2dc\ub418\uace0, navbar-toggle\uc740 \uc228\uaca8\uc9d0<\/li>\n<li>\ud654\uba74\ub108\ube44\uac00 \uc791\uc73c\uba74 navbar-collapse\uc740 \uc228\uaca8\uc9c0\uace0, navbar-toggle\uc740 \ud45c\uc2dc\ub428<\/li>\n<\/ul>\n<dl>\n<dd>\ub300\uc2e0 \ubc84\ud2bc\uc744 \ub204\ub974\uba74 \uc138\ub85c \ub4dc\ub86d\ub2e4\uc6b4 \ud615\uc2dd\uc73c\ub85c \ub098\ud0c0\ub0a8<\/dd>\n<\/dl>\n<ul>\n<li><a class=\"external free\" href=\"http:\/\/zetawiki.com\/ex\/bootstrap\/navbar-collapse.html\" target=\"_blank\" rel=\"nofollow\">http:\/\/zetawiki.com\/ex\/bootstrap\/navbar-collapse.html<\/a><\/li>\n<\/ul>\n<div class=\"mw-highlight mw-highlight-html5\" dir=\"ltr\">\n<pre><span class=\"p\">&lt;<\/span><span class=\"nt\">meta<\/span> <span class=\"na\">name<\/span><span class=\"o\">=<\/span><span class=\"s\">\"viewport\"<\/span> <span class=\"na\">content<\/span><span class=\"o\">=<\/span><span class=\"s\">\"width=device-width, initial-scale=1, maximum-scale=1\"<\/span><span class=\"p\">&gt;<\/span>\r\n<span class=\"p\">&lt;<\/span><span class=\"nt\">link<\/span> <span class=\"na\">rel<\/span><span class=\"o\">=<\/span><span class=\"s\">\"stylesheet\"<\/span> <span class=\"na\">href<\/span><span class=\"o\">=<\/span><span class=\"s\">\"\/\/maxcdn.bootstrapcdn.com\/bootstrap\/latest\/css\/bootstrap.min.css\"<\/span><span class=\"p\">&gt;<\/span>\r\n<span class=\"p\">&lt;<\/span><span class=\"nt\">script<\/span> <span class=\"na\">src<\/span><span class=\"o\">=<\/span><span class=\"s\">\"\/\/code.jquery.com\/jquery.min.js\"<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"nt\">script<\/span><span class=\"p\">&gt;<\/span>\r\n<span class=\"p\">&lt;<\/span><span class=\"nt\">script<\/span> <span class=\"na\">src<\/span><span class=\"o\">=<\/span><span class=\"s\">\"\/\/maxcdn.bootstrapcdn.com\/bootstrap\/latest\/js\/bootstrap.min.js\"<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"nt\">script<\/span><span class=\"p\">&gt;<\/span>\r\n \r\n<span class=\"p\">&lt;<\/span><span class=\"nt\">nav<\/span> <span class=\"na\">class<\/span><span class=\"o\">=<\/span><span class=\"s\">\"navbar navbar-default\"<\/span><span class=\"p\">&gt;<\/span>\r\n  <span class=\"p\">&lt;<\/span><span class=\"nt\">div<\/span> <span class=\"na\">class<\/span><span class=\"o\">=<\/span><span class=\"s\">\"container-fluid\"<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"p\">&lt;<\/span><span class=\"nt\">div<\/span> <span class=\"na\">class<\/span><span class=\"o\">=<\/span><span class=\"s\">\"navbar-header\"<\/span><span class=\"p\">&gt;<\/span>\r\n      <span class=\"p\">&lt;<\/span><span class=\"nt\">button<\/span> <span class=\"na\">type<\/span><span class=\"o\">=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class<\/span><span class=\"o\">=<\/span><span class=\"s\">\"navbar-toggle\"<\/span> <span class=\"na\">data-toggle<\/span><span class=\"o\">=<\/span><span class=\"s\">\"collapse\"<\/span> <span class=\"na\">data-target<\/span><span class=\"o\">=<\/span><span class=\"s\">\"#myNavbar\"<\/span><span class=\"p\">&gt;<\/span>\r\n        <span class=\"p\">&lt;<\/span><span class=\"nt\">span<\/span> <span class=\"na\">class<\/span><span class=\"o\">=<\/span><span class=\"s\">\"icon-bar\"<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"nt\">span<\/span><span class=\"p\">&gt;<\/span>\r\n        <span class=\"p\">&lt;<\/span><span class=\"nt\">span<\/span> <span class=\"na\">class<\/span><span class=\"o\">=<\/span><span class=\"s\">\"icon-bar\"<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"nt\">span<\/span><span class=\"p\">&gt;<\/span>\r\n        <span class=\"p\">&lt;<\/span><span class=\"nt\">span<\/span> <span class=\"na\">class<\/span><span class=\"o\">=<\/span><span class=\"s\">\"icon-bar\"<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"nt\">span<\/span><span class=\"p\">&gt;<\/span> \r\n      <span class=\"p\">&lt;\/<\/span><span class=\"nt\">button<\/span><span class=\"p\">&gt;<\/span>\r\n      <span class=\"p\">&lt;<\/span><span class=\"nt\">a<\/span> <span class=\"na\">class<\/span><span class=\"o\">=<\/span><span class=\"s\">\"navbar-brand\"<\/span> <span class=\"na\">href<\/span><span class=\"o\">=<\/span><span class=\"s\">\"#\"<\/span><span class=\"p\">&gt;<\/span>\uc81c\ud0c0\uc704\ud0a4<span class=\"p\">&lt;\/<\/span><span class=\"nt\">a<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"p\">&lt;\/<\/span><span class=\"nt\">div<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"p\">&lt;<\/span><span class=\"nt\">div<\/span> <span class=\"na\">class<\/span><span class=\"o\">=<\/span><span class=\"s\">\"collapse navbar-collapse\"<\/span> <span class=\"na\">id<\/span><span class=\"o\">=<\/span><span class=\"s\">\"myNavbar\"<\/span><span class=\"p\">&gt;<\/span>\r\n      <span class=\"p\">&lt;<\/span><span class=\"nt\">ul<\/span> <span class=\"na\">class<\/span><span class=\"o\">=<\/span><span class=\"s\">\"nav navbar-nav\"<\/span><span class=\"p\">&gt;<\/span>\r\n        <span class=\"p\">&lt;<\/span><span class=\"nt\">li<\/span> <span class=\"na\">class<\/span><span class=\"o\">=<\/span><span class=\"s\">\"active\"<\/span><span class=\"p\">&gt;&lt;<\/span><span class=\"nt\">a<\/span> <span class=\"na\">href<\/span><span class=\"o\">=<\/span><span class=\"s\">\"#\"<\/span><span class=\"p\">&gt;<\/span>\ud648<span class=\"p\">&lt;\/<\/span><span class=\"nt\">a<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"nt\">li<\/span><span class=\"p\">&gt;<\/span>\r\n        <span class=\"p\">&lt;<\/span><span class=\"nt\">li<\/span><span class=\"p\">&gt;&lt;<\/span><span class=\"nt\">a<\/span> <span class=\"na\">href<\/span><span class=\"o\">=<\/span><span class=\"s\">\"#\"<\/span><span class=\"p\">&gt;<\/span>\uba54\ub2741<span class=\"p\">&lt;\/<\/span><span class=\"nt\">a<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"nt\">li<\/span><span class=\"p\">&gt;<\/span>\r\n        <span class=\"p\">&lt;<\/span><span class=\"nt\">li<\/span><span class=\"p\">&gt;&lt;<\/span><span class=\"nt\">a<\/span> <span class=\"na\">href<\/span><span class=\"o\">=<\/span><span class=\"s\">\"#\"<\/span><span class=\"p\">&gt;<\/span>\uba54\ub2742<span class=\"p\">&lt;\/<\/span><span class=\"nt\">a<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"nt\">li<\/span><span class=\"p\">&gt;<\/span> \r\n        <span class=\"p\">&lt;<\/span><span class=\"nt\">li<\/span><span class=\"p\">&gt;&lt;<\/span><span class=\"nt\">a<\/span> <span class=\"na\">href<\/span><span class=\"o\">=<\/span><span class=\"s\">\"#\"<\/span><span class=\"p\">&gt;<\/span>\uba54\ub2743<span class=\"p\">&lt;\/<\/span><span class=\"nt\">a<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"nt\">li<\/span><span class=\"p\">&gt;<\/span> \r\n      <span class=\"p\">&lt;\/<\/span><span class=\"nt\">ul<\/span><span class=\"p\">&gt;<\/span>\r\n      <span class=\"p\">&lt;<\/span><span class=\"nt\">ul<\/span> <span class=\"na\">class<\/span><span class=\"o\">=<\/span><span class=\"s\">\"nav navbar-nav navbar-right\"<\/span><span class=\"p\">&gt;<\/span>\r\n        <span class=\"p\">&lt;<\/span><span class=\"nt\">li<\/span><span class=\"p\">&gt;&lt;<\/span><span class=\"nt\">a<\/span> <span class=\"na\">href<\/span><span class=\"o\">=<\/span><span class=\"s\">\"#\"<\/span><span class=\"p\">&gt;<\/span>\ud68c\uc6d0\uac00\uc785<span class=\"p\">&lt;\/<\/span><span class=\"nt\">a<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"nt\">li<\/span><span class=\"p\">&gt;<\/span>\r\n        <span class=\"p\">&lt;<\/span><span class=\"nt\">li<\/span><span class=\"p\">&gt;&lt;<\/span><span class=\"nt\">a<\/span> <span class=\"na\">href<\/span><span class=\"o\">=<\/span><span class=\"s\">\"#\"<\/span><span class=\"p\">&gt;<\/span>\ub85c\uadf8\uc778<span class=\"p\">&lt;\/<\/span><span class=\"nt\">a<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"nt\">li<\/span><span class=\"p\">&gt;<\/span>\r\n      <span class=\"p\">&lt;\/<\/span><span class=\"nt\">ul<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"p\">&lt;\/<\/span><span class=\"nt\">div<\/span><span class=\"p\">&gt;<\/span>\r\n  <span class=\"p\">&lt;\/<\/span><span class=\"nt\">div<\/span><span class=\"p\">&gt;<\/span>\r\n<span class=\"p\">&lt;\/<\/span><span class=\"nt\">nav<\/span><span class=\"p\">&gt;<\/span>\r\n<\/pre>\n<\/div>\n<h2><span id=\".EA.B0.99.EC.9D.B4_.EB.B3.B4.EA.B8.B0\" class=\"mw-headline\">\uac19\uc774 \ubcf4\uae30<\/span><span class=\"mw-editsection\"><span class=\"mw-editsection-bracket\">[<\/span><a title=\"\ubd80\ubd84 \ud3b8\uc9d1: \uac19\uc774 \ubcf4\uae30\" href=\"http:\/\/zetawiki.com\/w\/index.php?title=%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EB%B0%94_%EC%9E%90%EB%8F%99%EC%A0%91%EA%B8%B0_navbar-collapse&amp;action=edit&amp;section=3\">\ud3b8\uc9d1<\/a><span class=\"mw-editsection-bracket\">]<\/span><\/span><\/h2>\n<ul>\n<li><a title=\"\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \uc591\ucabd\uc815\ub82c \ub0b4\ube44\uac8c\uc774\uc158\ubc14\" href=\"http:\/\/zetawiki.com\/wiki\/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%EC%96%91%EC%AA%BD%EC%A0%95%EB%A0%AC_%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EB%B0%94\">\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \uc591\ucabd\uc815\ub82c \ub0b4\ube44\uac8c\uc774\uc158\ubc14<\/a><\/li>\n<li><a class=\"mw-redirect\" title=\"\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ub0b4\ube44\uac8c\uc774\uc158\ubc14\" href=\"http:\/\/zetawiki.com\/wiki\/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EB%B0%94\">\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ub0b4\ube44\uac8c\uc774\uc158\ubc14<\/a><\/li>\n<li><a title=\"\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ub4dc\ub86d\ub2e4\uc6b4\" href=\"http:\/\/zetawiki.com\/wiki\/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%EB%93%9C%EB%A1%AD%EB%8B%A4%EC%9A%B4\">\ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ub4dc\ub86d\ub2e4\uc6b4<\/a><\/li>\n<\/ul>\n<h2><span id=\".EC.B0.B8.EA.B3.A0_.EC.9E.90.EB.A3.8C\" class=\"mw-headline\">\ucc38\uace0 \uc790\ub8cc<\/span><span class=\"mw-editsection\"><span class=\"mw-editsection-bracket\">[<\/span><a title=\"\ubd80\ubd84 \ud3b8\uc9d1: \ucc38\uace0 \uc790\ub8cc\" href=\"http:\/\/zetawiki.com\/w\/index.php?title=%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EB%B0%94_%EC%9E%90%EB%8F%99%EC%A0%91%EA%B8%B0_navbar-collapse&amp;action=edit&amp;section=4\">\ud3b8\uc9d1<\/a><span class=\"mw-editsection-bracket\">]<\/span><\/span><\/h2>\n<ul>\n<li><a class=\"external free\" href=\"http:\/\/www.w3schools.com\/bootstrap\/bootstrap_navbar.asp\" target=\"_blank\" rel=\"nofollow\">http:\/\/www.w3schools.com\/bootstrap\/bootstrap_navbar.asp<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>http:\/\/maczniak.github.io\/bootstrap\/javascript.html &nbsp; and &nbsp; Collapse navigator &nbsp; http:\/\/zetawiki.com\/wiki\/\ubd80\ud2b8\uc2a4\ud2b8\ub7a9_\ub0b4\ube44\uac8c\uc774\uc158\ubc14_\uc790\ub3d9\uc811\uae30_navbar-collapse &nbsp; \ubaa9\ucc28 1 \uac1c\uc694 2 \uc608\uc2dc 3 \uac19\uc774 \ubcf4\uae30 4 \ucc38\uace0 \uc790\ub8cc \uac1c\uc694[\ud3b8\uc9d1] Collapsing The Navigation Bar, navbar-collapse \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ub124\ube44\uac8c\uc774\uc158\ubc14 \uc790\ub3d9\uc811\uae30 \uc608\uc2dc[\ud3b8\uc9d1] \ud654\uba74\ub108\ube44\uac00 \ub113\uc73c\uba74 navbar-collapse\uc774 \ud45c\uc2dc\ub418\uace0, navbar-toggle\uc740 \uc228\uaca8\uc9d0 \ud654\uba74\ub108\ube44\uac00 \uc791\uc73c\uba74 navbar-collapse\uc740 \uc228\uaca8\uc9c0\uace0, navbar-toggle\uc740 \ud45c\uc2dc\ub428 \ub300\uc2e0 \ubc84\ud2bc\uc744 \ub204\ub974\uba74 \uc138\ub85c \ub4dc\ub86d\ub2e4\uc6b4 \ud615\uc2dd\uc73c\ub85c \ub098\ud0c0\ub0a8 http:\/\/zetawiki.com\/ex\/bootstrap\/navbar-collapse.html &lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1, maximum-scale=1&#8243;&gt; &lt;link rel=&#8221;stylesheet&#8221; href=&#8221;\/\/maxcdn.bootstrapcdn.com\/bootstrap\/latest\/css\/bootstrap.min.css&#8221;&gt; &lt;script src=&#8221;\/\/code.jquery.com\/jquery.min.js&#8221;&gt;&lt;\/script&gt; &lt;script src=&#8221;\/\/maxcdn.bootstrapcdn.com\/bootstrap\/latest\/js\/bootstrap.min.js&#8221;&gt;&lt;\/script&gt; &lt;nav class=&#8221;navbar navbar-default&#8221;&gt; &lt;div class=&#8221;container-fluid&#8221;&gt; &lt;div class=&#8221;navbar-header&#8221;&gt; &lt;button type=&#8221;button&#8221; class=&#8221;navbar-toggle&#8221; data-toggle=&#8221;collapse&#8221; data-target=&#8221;#myNavbar&#8221;&gt; &lt;span class=&#8221;icon-bar&#8221;&gt;&lt;\/span&gt; &lt;span class=&#8221;icon-bar&#8221;&gt;&lt;\/span&gt; &lt;span class=&#8221;icon-bar&#8221;&gt;&lt;\/span&gt; &lt;\/button&gt; &lt;a class=&#8221;navbar-brand&#8221; href=&#8221;#&#8221;&gt;\uc81c\ud0c0\uc704\ud0a4&lt;\/a&gt; &lt;\/div&gt; &lt;div class=&#8221;collapse navbar-collapse&#8221; id=&#8221;myNavbar&#8221;&gt; &lt;ul class=&#8221;nav navbar-nav&#8221;&gt; &lt;li class=&#8221;active&#8221;&gt;&lt;a href=&#8221;#&#8221;&gt;\ud648&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;\uba54\ub2741&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;\uba54\ub2742&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;\uba54\ub2743&lt;\/a&gt;&lt;\/li&gt; &lt;\/ul&gt; &lt;ul class=&#8221;nav navbar-nav navbar-right&#8221;&gt; &lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;\ud68c\uc6d0\uac00\uc785&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;\ub85c\uadf8\uc778&lt;\/a&gt;&lt;\/li&gt; &lt;\/ul&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/nav&gt; \uac19\uc774 \ubcf4\uae30[\ud3b8\uc9d1] \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \uc591\ucabd\uc815\ub82c \ub0b4\ube44\uac8c\uc774\uc158\ubc14 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ub0b4\ube44\uac8c\uc774\uc158\ubc14 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \ub4dc\ub86d\ub2e4\uc6b4 \ucc38\uace0 \uc790\ub8cc[\ud3b8\uc9d1] http:\/\/www.w3schools.com\/bootstrap\/bootstrap_navbar.asp<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"ngg_post_thumbnail":0,"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[1],"tags":[],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5q9Zn-in","jetpack-related-posts":[{"id":822,"url":"https:\/\/blog.box.kr\/?p=822","url_meta":{"origin":1139,"position":0},"title":"[scrap]\uc790\ubc14 \uc815\uaddc\ud45c\ud604\uc2dd \ud544\ud130\ub9c1 Pattern \uc0ac\uc6a9\ubc95 \uc608\uc2dc","date":"2015-05-20","format":false,"excerpt":"http:\/\/metalbird.tistory.com\/entry\/%EC%9E%90%EB%B0%94-%EC%A0%95%EA%B7%9C%ED%91%9C%ED%98%84%EC%8B%9D-%ED%95%84%ED%84%B0%EB%A7%81-Pattern-%EC%82%AC%EC%9A%A9%EB%B2%95-%EC%98%88%EC%8B%9C \u00a0 public void checkRegularCharactor(String path, String method) throws Exception { String invalidString = \"|\\|:|\"|\\*|\\?|<|>|#\"; Pattern pattern = Pattern.compile(invalidString); if(pattern.matcher(path).find()) { logger.error(method + \"faild. checkRegularCharactor failed. : \" + resultPath); } } path\uc5d0 invalid string\uc774 \ud3ec\ud568\ub418\uc5b4 \uc788\uc73c\uba74 exception \ucc98\ub9ac. invalidString\uc744 \uc800\ub807\uac8c \uc37c\uc744\ub54c \uc2e4\uc81c\ub85c \ud544\ud130\ub9c1 \ub418\ub294 \ubb38\uc790\ub294 : \" * ?\u2026","rel":"","context":"In &quot;JAVA&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":533,"url":"https:\/\/blog.box.kr\/?p=533","url_meta":{"origin":1139,"position":1},"title":"\ub364\ud504\ud654\uc77c\uc744 \uc774\uc6a9\ud55c \uc0ac\ud6c4 \ub514\ubc84\uae45\uc5d0 \uad00\ud55c \uc790\ub8cc","date":"2015-01-01","format":false,"excerpt":"\ub364\ud504 \ud654\uc77c\uc77c \uc774\uc6a9\ud55c \uc0ac\ud6c4 \ub514\ubc84\uae45\uc774\ub77c\ub294 \uae30\ubc95\uc744 \uc54c\uc544 \ubcf4\ub2e4 \ubcf4\ub2c8.. \ucc3e\uac8c \ub41c \uc790\ub8cc.. \uc5ec\uae30 \ubcf4\uba74 \u00a0\"\uc2ec\ubcfc \uc11c\ubc84\"\ub77c\ub294 \uac1c\ub150\uc774 \ub098\uc628\ub2e4.. \ub0b4\uc6a9\uc740 \uac1c\ubc1c\ud55c \ubc14\uc774\ub108\ub9ac \uc2e4\ud589 \ud654\uc77c\uc758 \uc2ec\ubcfc\ub9ad \ud654\uc77c\uc778 pdb\ud654\uc77c\uc744 \ub9e4\ubc88 \ube4c\ub4dc\ub54c\ub9c8\ub2e4 \ub9e4\uce6d \uc2dc\ud0a4\uace0 \uc218\uc9d1\ub418\ub294 \ub364\ud504 \ud654\uc77c\uc5d0 \ub530\ub77c\uc11c \uc790\ub3d9\uc73c\ub85c Loading \ud558\uc5ec \uc0ac\uc6a9 \ud560 \uc218 \uc788\ub294 \uc2dc\uc2a4\ud15c \uad6c\ucd95\uc774\ub2e4.. \uac70\ucc3d \ud558\uae30\ub294 \ud55c\ub370 \ubcc4\ub2e4\ub978\uac70\ub294 \uc5c6\uace0.. VS\ucef4\ud30c\uc77c\ub54c \ube4c\ub4dc\u2026","rel":"","context":"In &quot;MFC &amp; WINDOWS&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":317,"url":"https:\/\/blog.box.kr\/?p=317","url_meta":{"origin":1139,"position":2},"title":"\ud55c\uae00 \ucd08\uc131\uc54c\uc544\ub0b4\uae30","date":"2014-08-09","format":false,"excerpt":"\uc6d0\uae00 :\u00a0http:\/\/ehclub.tistory.com\/entry\/%ED%95%9C%EA%B8%80-%EC%B4%88%EC%84%B1-%EC%95%8C%EC%95%84%EB%82%B4%EA%B8%B0 \u00a0 ===================================================================================================== \u00a0 \u3132, \u3138, \u3143, \u3146, \u3149 => \ucd94\uac00 ... const char *isarr[19] = {\"\u3131\",\"\u3132\",\"\u3134\",\"\u3137\",\"\u3138\",\"\u3139\",\"\u3141\",\"\u3142\",\"\u3143\",\"\u3145\",\"\u3146\",\"\u3147\",\"\u3148\",\"\u3149\",\"\u314a\",\"\u314b\",\"\u314c\",\"\u314d\",\"\u314e\"}; \u00a0 ===================================================================================================== \u00a0 \u00a0 \ud55c\uae00 \ucd08\uc131 \uc54c\uc544\ub0b4\uae30 \uc6d0\ub9ac\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. (\uc9c0\uc2ddiN\uc9c8\ubb38 \ub2f5\ubcc0\ud558\ub2e4\uac00 \ub9cc\ub4e4\uc5b4 \ubd24\uc2b5\ub2c8\ub2e4.) \u00a0 \uc785\ub825 \ubb38\uc790\uc5f4\uc774 \"\uac00\"\ubcf4\ub2e4 \ud06c\uac70\ub098 \uac19\uace0\u00a0\"\ub098\"\ubcf4\ub2e4 \uc791\uc73c\uba74 \ucd08\uc131\uc740 \"\u3131\" \uc785\ub825 \ubb38\uc790\uc5f4\uc774 \"\ub098\"\ubcf4\ub2e4 \ud06c\uac70\ub098 \uac19\uace0\u00a0\"\ub098\"\ubcf4\ub2e4 \uc791\uc73c\uba74 \ucd08\uc131\uc740 \"\u3134\" \uc785\ub825\u2026","rel":"","context":"In &quot;C\/C++&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":254,"url":"https:\/\/blog.box.kr\/?p=254","url_meta":{"origin":1139,"position":3},"title":"HTML \ud30c\uc2f1\ud574\uc11c \uc6d0\ud558\ub294 \uc815\ubcf4 \uac00\uc838\uc624\uae30","date":"2014-07-23","format":false,"excerpt":"\u00a0\u00a0 \ucd9c\ucc98 :\u00a0http:\/\/findfun.tistory.com\/tag\/C%23%20%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%B8 System.Windows.Forms \uc5d0 \uc788\ub294 Browser \ucee8\ud2b8\ub864\uc744 \uc774\uc6a9\ud558\uc5ec \ube0c\ub77c\uc6b0\uc838\ub97c \ub9cc\ub4e4\uace0 \uc6d0\ud558\ub294 \uc815\ubcf4\ub97c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.(\uc606\uc758 \uc774\ubbf8\uc9c0\ub97c \ud074\ub9ad\ud558\uc2dc\uba74 \ud06c\uac8c \ubcf4\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.) \uc774 \uc608\uc2dc\ub294 \ub2e4\ub098\uc640 \uc0ac\uc774\ud2b8\uc758 \uce74\ub4dc\/\ud604\uae08 \ub3d9\uc77c\ubab0 \uc911 \uac00\uc7a5 \uc2fc \uac00\uaca9\uc744 \uc54c\uc544\ub0b4\ub294 \uac83\uc73c\ub85c \ud0c0\uac9f\uc744 \uc815\ud588\uc2b5\ub2c8\ub2e4. \ucd5c\uc800\uac00\ub97c MessageBox\ub85c \ub098\ud0c0\ub098\uac8c \ud558\ub294 \uc544\uc8fc \uae30\ucd08\uc801\uc778 \ud504\ub85c\uadf8\ub7a8\uc785\ub2c8\ub2e4. \uc774 \uc18c\uc2a4\ub294 \ub2e4\ub098\uc640 \uc0ac\uc774\ud2b8\uc758 \uad6c\uc870\uc5d0 \ub9de\uac8c \uad6c\uc131\ub418\uc5b4\u2026","rel":"","context":"In &quot;C\/C++&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":248,"url":"https:\/\/blog.box.kr\/?p=248","url_meta":{"origin":1139,"position":4},"title":"[\uac1c\ubc1c\/VC++] WebBrowser Control \uc774\ubca4\ud2b8 \uc5f0\uacb0 &#8211; C++","date":"2014-07-23","format":false,"excerpt":"IT\/\uac1c\ubc1c\u00a02011\/02\/10 12:12 [\uac1c\ubc1c\/VC++] WebBrowser Control \uc774\ubca4\ud2b8 \uc5f0\uacb0 - C++ WebBrowser Control IDispatch IWebBrowser2 .ReadyState READYSTATE_COMPLETE .Navigate2() .get_Document() \/\/ IDispatch -> IHTMLDocument2 .get_StatusText() on DownloadBegin on DocumentComplete on DownloadComplete IOleObject \u00a0 IHTMLWindow2 IHTMLDocument2 .get_all() .get_parentWindow() \/\/ IHTMLWindow2 IHTMLElementCollection .item() .tags \/\/ IHTMLElementCollection IHTMLElement a connectable object IConnectionPointContainer .FindConnectionPoint() \/\/ DHTMLElementEvents2 DHTMLElementEvents2\u2026","rel":"","context":"In &quot;C\/C++&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":232,"url":"https:\/\/blog.box.kr\/?p=232","url_meta":{"origin":1139,"position":5},"title":"\uc720\ub2c8\ud2f03D\uad00\ub828 URL","date":"2014-07-23","format":false,"excerpt":"http:\/\/ncanis.tistory.com\/category\/C%23\/Unity3d%20%EA%B2%8C%EC%9E%84%20%EC%97%94%EC%A7%84","rel":"","context":"In &quot;UNITY3D\/COCOS2D&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/posts\/1139"}],"collection":[{"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.box.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1139"}],"version-history":[{"count":2,"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/posts\/1139\/revisions"}],"predecessor-version":[{"id":1141,"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/posts\/1139\/revisions\/1141"}],"wp:attachment":[{"href":"https:\/\/blog.box.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.box.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.box.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}