{"id":2104,"date":"2025-07-16T05:46:01","date_gmt":"2025-07-15T20:46:01","guid":{"rendered":"https:\/\/vqc.joe.mybluehost.me\/website_dd668647\/%ec%9b%b9-%ea%b0%9c%eb%b0%9c%ec%9d%84-%ec%9c%84%ed%95%9c-bower-%eb%b0%8f-grunt-%ec%8b%9c%ec%9e%91%ed%95%98%ea%b8%b0\/"},"modified":"2025-07-19T12:37:13","modified_gmt":"2025-07-19T12:37:13","slug":"%ec%9b%b9-%ea%b0%9c%eb%b0%9c%ec%9d%84-%ec%9c%84%ed%95%9c-bower-%eb%b0%8f-grunt-%ec%8b%9c%ec%9e%91%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/paraisolinux.com\/ko\/%ec%9b%b9-%ea%b0%9c%eb%b0%9c%ec%9d%84-%ec%9c%84%ed%95%9c-bower-%eb%b0%8f-grunt-%ec%8b%9c%ec%9e%91%ed%95%98%ea%b8%b0\/","title":{"rendered":"\uc6f9 \uac1c\ubc1c\uc744 \uc704\ud55c Bower \ubc0f Grunt \uc2dc\uc791\ud558\uae30"},"content":{"rendered":"<p>\uc6f9 \uac1c\ubc1c\uc5d0 \uc804\ub150\ud558\ub294 \uc0ac\ub78c\ub4e4\uc740 \uc0c8\ub85c\uc6b4 \uae30\uc220, \ud504\ub808\uc784 \uc6cc\ud06c, \ud45c\uc900, \ub3c4\uad6c, \uae30\uc220 \ub4f1\uc774 \ub9e4\uc77c \ub098\uc62c \uc218 \uc5c6\ub2e4\ub294 \uac83\uc744 \uc54c\uace0\uc788\uc744 \uac83\uc785\ub2c8\ub2e4! \ub9d0 \uadf8\ub300\ub85c! <a href=\"https:\/\/web.archive.org\/web\/20220702180056\/https:\/\/paraisolinux.com\/introduccion-desarrollo-web\/\">\uc6f9 \uac1c\ubc1c\uc5d0 \ub300\ud55c \uc791\uc740 \uc288\ud37c \uc18c\uac1c<\/a> \uae30\uc0ac\ub97c \uc37c\uc744 \ub54c \uba87 \uac00\uc9c0\ub97c \uc124\uba85\ud588\uace0 \uc624\ub298\uc740 \ub450 \uac00\uc9c0\ub97c \ub354 \uc124\uba85\ud558\uace0\uc790\ud569\ub2c8\ub2e4. \ubc14\uc6cc\uc640 \uadf8\ub7f0\ud2b8\uc785\ub2c8\ub2e4.  <\/p>\n<p>\uba3c\uc800 \uadf8 \uac1c\ub150\uc5d0 \ub300\ud574 \uac04\ub2e8\ud788 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4:<\/p>\n<p><strong>Bower\ub294<\/strong><strong> \ud328\ud0a4\uc9c0 \ubc0f \uc885\uc18d\uc131 \uad00\ub9ac\uc790\uc785\ub2c8\ub2e4<\/strong>. Linux \uc0ac\uc6a9\uc790\ub294 \uc774\uc5d0 \ub9e4\uc6b0 \uc775\uc219\ud560 \uac83\uc785\ub2c8\ub2e4. Bower\uc5d0 JQuery UI\ub97c \uc124\uce58\ud558\ub77c\uace0 \uc9c0\uc2dc\ud558\uba74 \ud504\ub85c\uadf8\ub7a8\uc774 \uc885\uc18d \uc694\uc18c\uc778 Jquery\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud55c\ub2e4\uace0 \uc0c1\uc0c1\ud574 \ubcf4\uc138\uc694.  <\/p>\n<p>\ub2e4\uc6b4\ub85c\ub4dc\ubfd0\ub9cc \uc544\ub2c8\ub77c \uc5c5\ub370\uc774\ud2b8\ub3c4 \ud6e8\uc52c \uc26c\uc6cc\uc9d1\ub2c8\ub2e4. \ubcc4\uac70 \uc544\ub2cc \uac83 \uac19\uc9c0\ub9cc \uc6f9\uc744 \uac80\uc0c9\ud558\uace0, \uc555\ucd95 \ud30c\uc77c\uc744 \ub2e4\uc6b4\ub85c\ub4dc\ud558\uace0, \uc555\ucd95\uc744 \ud480\uace0, \uc62c\ubc14\ub978 \ud3f4\ub354\uc5d0 \ub123\uace0, URL\uc744 \uad00\ub9ac\ud558\uace0, \uc885\uc18d\uc131\uc744 \ud655\uc778\ud558\ub294 \uac83\ubcf4\ub2e4 \ud6e8\uc52c \uc27d\uace0 \uccb4\uacc4\uc801\uc73c\ub85c \uc815\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n<p>\ubc18\uba74\uc5d0 <strong>Grunt\ub294<\/strong> <strong>\uc791\uc5c5 \uc790\ub3d9\ud654<\/strong> \ub3c4\uad6c\uc785\ub2c8\ub2e4. \ubc18\ubcf5\uc801\uc778 \uc791\uc5c5, \uc608\ub97c \ub4e4\uc5b4 \ubc18\ubcf5\uc801\uc778 \uc791\uc5c5\uc5d0\uc11c \ubc97\uc5b4\ub0a0 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4: <\/p>\n<ul>\n<li><a href=\"https:\/\/web.archive.org\/web\/20220702180056\/https:\/\/paraisolinux.com\/introduccion-sass\/\">sass\ub97c<\/a> \uc0ac\uc6a9\ud558\uba74 grunt\uac00 \ud30c\uc77c \ubcc0\uacbd \uc0ac\ud56d\uc5d0 \uc8fc\uc758\ub97c \uae30\uc6b8\uc774\uace0 \uc801\uc808\ud55c \uc2dc\uc810\uc5d0 \ucef4\ud30c\uc77c\ud558\ub3c4\ub85d \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li>\ud3f4\ub354\uc5d0 \uc788\ub294 \ubaa8\ub4e0 js \ud30c\uc77c\uc744 \ucd95\uc18c\ud558\uace0 \ubcd1\ud569\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li>\ub2e8\uc704 \ud14c\uc2a4\ud2b8\ub97c \uc790\ub3d9\uc73c\ub85c \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li>MySQL \ub370\uc774\ud130\ubca0\uc774\uc2a4 \ubc30\ud3ec\ub97c \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li><a href=\"https:\/\/web.archive.org\/web\/20220702180056\/https:\/\/paraisolinux.com\/alternativa-sencilla-livereload\/\">\uac04\ub85c\ub4dc<\/a> \uc0ac\uc6a9<\/li>\n<li>\ub610\ud55c \ub2e4\uc591\ud55c \uc5b8\uc5b4\uc640 \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uc704\ud55c \ub354 \ub9ce\uc740 \ud50c\ub7ec\uadf8\uc778\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<p><a class=\"oceanwp-lightbox\" href=\"https:\/\/web.archive.org\/web\/20220702180056\/https:\/\/paraisolinux.com\/wp-content\/uploads\/2014\/02\/grunt-y-bower.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-7454\" src=\"https:\/\/web.archive.org\/web\/20220702180056im_\/https:\/\/paraisolinux.com\/wp-content\/uploads\/2014\/02\/grunt-y-bower.png\" alt=\"\uadf8\ub77c\uc6b4\ub4dc\uc640 \ubc14\uc6cc\" width=\"448\" height=\"135\"><\/a><\/p>\n<p>\uc18c\uaddc\ubaa8 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \uc774 \ub450 \uac00\uc9c0 \ub3c4\uad6c\ub97c \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubd05\uc2dc\ub2e4.<\/p>\n<p>1\ub2e8\uacc4: Node.js\ub97c \uc124\uce58\ud569\ub2c8\ub2e4. \ub450 \ub3c4\uad6c \ubaa8\ub450 Node <\/p>\n<p>2\ub2e8\uacc4: \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc0ac\uc6a9\ud558\uc5ec bower\ub97c \uc804\uc5ed\uc801\uc73c\ub85c \uc124\uce58\ud569\ub2c8\ub2e4(\uc774 \uc791\uc5c5\uc740 \uac01 PC\uc5d0\uc11c \ud55c \ubc88\ub9cc \uc218\ud589\ub429\ub2c8\ub2e4).<\/p>\n<blockquote><p>sudo npm install -g bower<\/p><\/blockquote>\n<p>3\ub2e8\uacc4: \ud504\ub85c\uc81d\ud2b8\uac00 \uc800\uc7a5\ub420 \ud3f4\ub354\ub97c \ub9cc\ub4e4\uace0 \uc6b4\uc601 \uccb4\uc81c \ucf58\uc194\uc744 \uc0ac\uc6a9\ud558\uc5ec \uadf8 \uc548\uc5d0 \ub4e4\uc5b4\uac08 \ub54c\uae4c\uc9c0 \uc774\ub3d9\ud569\ub2c8\ub2e4. \uadf8 \uc548\uc5d0 \ub4e4\uc5b4\uac00\uba74 \ub2e4\uc74c \uba85\ub839\uc744 \uc2e4\ud589\ud569\ub2c8\ub2e4. <\/p>\n<blockquote><p>bower init<\/p><\/blockquote>\n<p>\ud504\ub85c\uc81d\ud2b8 \uc774\ub984, \ubc84\uc804, \uc124\uba85, \ub77c\uc774\uc120\uc2a4, \uc791\uc131\uc790 \ub4f1\uacfc \uac19\uc740 \uba87 \uac00\uc9c0 \uc9c8\ubb38\uc774 \ud45c\uc2dc\ub429\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8 \uc774\ub984\uc744 \uc9c0\uc815\ud558\uace0 \ub2e4\ub978 \ubaa8\ub4e0 \uc635\uc158\uc744 \uc785\ub825\ud558\ub294 \uac83\uc73c\ub85c \ucda9\ubd84\ud558\uba70 \uc9c0\uae08\uc740 \uc911\uc694\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. <\/p>\n<p>\ud574\ub2f9 \uba85\ub839\uc774 \uc644\ub8cc\ub418\uba74 \uc9c8\ubb38\ud55c \ub0b4\uc6a9\uc774 \ud3ec\ud568\ub41c bower.json\uc774\ub77c\ub294 \ud30c\uc77c\uc774 \uc0dd\uc131\ub429\ub2c8\ub2e4.<\/p>\n<p>4\ub2e8\uacc4: \uc774 \ub2e8\uc77c \ucf58\ud150\uce20\ub85c .bowerrc\ub77c\ub294 \ud30c\uc77c\uc744 \ub9cc\ub4ed\ub2c8\ub2e4:<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">{\n   \"directory\": \"app\/components\"\n}\n<\/pre>\n<p>\uc5ec\uae30\uc5d0 \ud328\ud0a4\uc9c0\uac00 \uc124\uce58\ub429\ub2c8\ub2e4. \uc6d0\ud558\ub294 \uc8fc\uc18c\ub85c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc77c\ubd80\ub294 &#8216;\uacf5\uac1c\/\uacf5\uae09\uc5c5\uccb4&#8217;\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.  <\/p>\n<p>5\ub2e8\uacc4: \uc774\uc81c \uc6d0\ud558\ub294 \uac83\uc744 \uac80\uc0c9\ud558\uc5ec \uc124\uce58\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 jquery-ui\ub97c \uc124\uce58\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c \uba85\ub839\uc73c\ub85c \ud328\ud0a4\uc9c0\ub97c \uac80\uc0c9\ud569\ub2c8\ub2e4.  <\/p>\n<blockquote><p>bower\uc5d0\uc11c jquery-ui<br \/>\n\ub97c \uac80\uc0c9\ud558\uba74<\/p><\/blockquote>\n<p> \ub2e4\uc74c\uacfc \uac19\uc740 \uacb0\uacfc\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4:<\/p>\n<p><a class=\"oceanwp-lightbox\" href=\"https:\/\/web.archive.org\/web\/20220702180056\/https:\/\/paraisolinux.com\/wp-content\/uploads\/2014\/02\/jquery-ui-bower.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-7450\" src=\"https:\/\/web.archive.org\/web\/20220702180056im_\/https:\/\/paraisolinux.com\/wp-content\/uploads\/2014\/02\/jquery-ui-bower.png\" alt=\"\uc81c\uc774\ucffc\ub9ac UI \ubc14\uc6b0\uc5b4\" width=\"576\" height=\"460\"><\/a><\/p>\n<p>\ud328\ud0a4\uc9c0\ub97c \uc2dd\ubcc4\ud558\uace0(\uc774 \uacbd\uc6b0 \uccab \ubc88\uc9f8 \ud328\ud0a4\uc9c0) \uba85\ub839\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud328\ud0a4\uc9c0\ub97c \uc124\uce58\ud569\ub2c8\ub2e4:<\/p>\n<blockquote><p>bower install jquery-ui -save<\/p><\/blockquote>\n<p>\uadf8\ub7ec\uba74 \uc6d0\ud558\ub294 \ud56d\ubaa9\uacfc \uc885\uc18d\uc131\uc774 \uc124\uce58\ub429\ub2c8\ub2e4. \uc120\ud0dd\ud55c \ud3f4\ub354(\uc774 \uacbd\uc6b0 \uc571\/\ucef4\ud3ec\ub10c\ud2b8)\uc5d0 \ub2e4\uc6b4\ub85c\ub4dc\ub41c \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc73c\uba70 bower.json \ud30c\uc77c\ub3c4 \uc5c5\ub370\uc774\ud2b8\ub429\ub2c8\ub2e4. <\/p>\n<p>6\ub2e8\uacc4: \ub9e4\uc6b0 \uac04\ub2e8\ud55c \uc0ac\uc6a9<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">&lt;!doctype html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n\t&lt;meta charset=\"UTF-8\"&gt;\n\t&lt;title&gt;Document&lt;\/title&gt;\n\t&lt;script src=\"app\/components\/jquery\/dist\/jquery.js\"&gt;&lt;\/script&gt;\n\t&lt;script src=\"app\/components\/jquery-ui\/ui\/jquery-ui.js\"&gt;&lt;\/script&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre>\n<p>Bower\uc5d0\ub294 \uc5ec\ub7ec\ubd84\uc774 \uc54c\uace0 \uc2f6\uc5b4\ud560 \ub9cc\ud55c \ub2e4\ub978 \uba85\ub839\ub3c4 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n<ul>\n<li><strong>\ubc14\uc6cc \uc815\ubcf4 <\/strong>. \ud328\ud0a4\uc9c0 \uc815\ubcf4\ub97c \ubcf4\uae30 \uc704\ud55c \uac83\uc785\ub2c8\ub2e4. \uc124\uce58\ub41c \ubc84\uc804, \uc885\uc18d\uc131, \uc0ac\uc6a9 \uac00\ub2a5\ud55c \ubc84\uc804 \ub4f1\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.  <\/li>\n<li><strong>\ubc14\uc6cc \uc81c\uac70 <\/strong>. \uc77c\ubd80 \ud328\ud0a4\uc9c0\ub97c \uc81c\uac70\ud558\ub294 \uac83\uc785\ub2c8\ub2e4. <\/li>\n<li><strong>\ubc14\uc6cc \ubaa9\ub85d<\/strong>. \uc5b4\ub5a4 \ud328\ud0a4\uc9c0\ub97c \uc124\uce58\ud588\ub294\uc9c0 \ud655\uc778\ud558\uae30 \uc704\ud55c \uac83\uc785\ub2c8\ub2e4. <\/li>\n<li><strong>\ubc14\uc6cc \ub3c4\uc6c0\ub9d0<\/strong>. \uba85\ub839\uc5b4\uc640 \uc635\uc158\uc744 \ubcf4\uae30 \uc704\ud55c \uac83\uc785\ub2c8\ub2e4. <\/li>\n<\/ul>\n<p>7\ub2e8\uacc4: \uc774\uc81c \ub2e4\uc74c \uba85\ub839\uc744 \uc0ac\uc6a9\ud558\uc5ec Grunt\ub97c \uc124\uce58\ud569\ub2c8\ub2e4(\uac01 PC\uc5d0\uc11c \ud55c \ubc88\ub9cc \uc218\ud589).<\/p>\n<blockquote><p>sudo npm install -g grunt-cli<\/p><\/blockquote>\n<p>8\ub2e8\uacc4: grunt\ub97c \uc0ac\uc6a9\ud558\ub824\uba74 package.json\uacfc Gruntfile.js\uc758 \ub450 \ud30c\uc77c\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \uccab \ubc88\uc9f8 \ud30c\uc77c\uc758 \uacbd\uc6b0 \ub2e4\uc74c \uba85\ub839\uc744 \uc2e4\ud589\ud574\uc57c \ud569\ub2c8\ub2e4. <\/p>\n<blockquote><p>npm init<\/p><\/blockquote>\n<p>\ud30c\uc77c\uc744 \uc0dd\uc131\ud558\uae30 \uc704\ud55c \uba87 \uac00\uc9c0 \uac04\ub2e8\ud55c \uc9c8\ubb38\uc744 \ubc1b\uac8c \ub429\ub2c8\ub2e4.<\/p>\n<p>9\ub2e8\uacc4: \ud504\ub85c\uc81d\ud2b8\uc5d0 grunt\ub97c \uc124\uce58\ud574\uc57c \ud558\uba70, \uc774 \uc791\uc5c5\uc740 \ub2e4\uc74c \uba85\ub839\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc218\ud589\ud569\ub2c8\ub2e4.<\/p>\n<blockquote><p>npm install grunt -save-dev<\/p><\/blockquote>\n<p>\uc800\uc7a5-\uac1c\ubc1c\uc740 \ud328\ud0a4\uc9c0\uac00 \uc885\uc18d\uc131\uc5d0 \ud45c\uc2dc\ub418\ub3c4\ub85d \ud558\ub294 \uac83\uc785\ub2c8\ub2e4.<\/p>\n<p>10\ub2e8\uacc4: \uc774\uc81c \uc0ac\uc6a9\ud558\ub824\ub294 \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud560 \ucc28\ub840\uc785\ub2c8\ub2e4. \uc6d0\ud558\ub294 \uac70\uc758 \ubaa8\ub4e0 \uc791\uc5c5\uc744 \uc704\ud55c \ud50c\ub7ec\uadf8\uc778\uc774 \uc788\ub2e4\uace0 \ub9d0\uc500\ub4dc\ub838\ub4ef\uc774 <a href=\"https:\/\/web.archive.org\/web\/20220702180056\/http:\/\/gruntjs.com\/plugins\" rel=\"nofollow noopener\" target=\"_blank\">\uc5ec\uae30<\/a> \ub610\ub294 <a href=\"https:\/\/web.archive.org\/web\/20220702180056\/https:\/\/www.npmjs.org\/browse\/keyword\/gruntplugin\" rel=\"nofollow noopener\" target=\"_blank\">\uc5ec\uae30\uc5d0\uc11c<\/a> \uac80\uc0c9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uacbd\uc6b0 \ud3f4\ub354\uc5d0 \uc5ec\ub7ec \uac1c\uc758 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ud30c\uc77c\uc774 \uc788\uace0 \uc774\ub97c \ud558\ub098\uc758 \ud30c\uc77c\ub85c \ubcd1\ud569\ud558\uace0 \uc2f6\ub2e4\uace0 \uac00\uc815\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.  <\/p>\n<p>2\uac1c\uc758 \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uaca0\uc2b5\ub2c8\ub2e4:<\/p>\n<blockquote><p>npm install grunt-contrib-concat grunt-contrib-watch -save-dev<\/p><\/blockquote>\n<p>\uccab \ubc88\uc9f8\ub294 \ud30c\uc77c\uc744 \uc5f0\uacb0(\ub2e8\uc704)\ud558\uace0, \ub450 \ubc88\uc9f8\ub294 \ubcc0\uacbd \uc0ac\ud56d\uc744 \uac10\uc2dc\ud558\ub294 \uc5ed\ud560\uc744 \ub2f4\ub2f9\ud569\ub2c8\ub2e4. \ub530\ub77c\uc11c \ud30c\uc77c\uc774 \uc0dd\uc131\ub418\uac70\ub098 \uc218\uc815\ub420 \ub54c \uc791\uc5c5\uc774 \uc790\ub3d9\uc73c\ub85c \uc218\ud589\ub429\ub2c8\ub2e4. <\/p>\n<p>\ubaa8\ub4e0 \uc124\uce58\uac00 \uc644\ub8cc\ub418\uba74 package.json \ud30c\uc77c\uc774 \uc5c5\ub370\uc774\ud2b8\ub41c \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\uac83\uc774 \ubb34\uc5c7\uc744 \uc704\ud55c \uac83\uc778\uc9c0 \ub098\uc911\uc5d0 \uc124\uba85\ud574\ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4. <\/p>\n<p>11\ub2e8\uacc4: gruntfile.js\ub77c\ub294 \ud30c\uc77c\uc744 \ub9cc\ub4ed\ub2c8\ub2e4(\ub610\ub294 \uc6d0\ud558\ub294 \ub300\ub85c \ub9cc\ub4e4 \uc218 \uc788\uc9c0\ub9cc \uac00\uc7a5 &#8216;\uc77c\ubc18\uc801\uc778&#8217; \ud30c\uc77c\uc740 gruntfile\uc785\ub2c8\ub2e4). \uc774 \ud30c\uc77c\uc5d0\uc11c grunt\uc5d0\uac8c \uc6d0\ud558\ub294 \uc791\uc5c5\uc744 \uc9c0\uc2dc\ud569\ub2c8\ub2e4. <\/p>\n<p>\uc774 \ud30c\uc77c\uc5d0\ub294 \ud56d\uc0c1 \ub2e4\uc74c\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4:<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">module.exports = function(grunt) {\n\n    grunt.initConfig({\n\n    });\n\n};\n<\/pre>\n<p>\uadf8\ub9ac\uace0 \uadf8 \uc548\uc5d0\uc11c \ud50c\ub7ec\uadf8\uc778\uc774 \uad6c\uc131\ub418\ub294\ub370, \uc800\ud76c\uc758 \uacbd\uc6b0\uc5d0\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \ud615\ud0dc\uc785\ub2c8\ub2e4:<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">module.exports = function(grunt) {\n\n    grunt.initConfig({\n\n        concat: {\n            options: {\n                separator: ';'\n            },\n            dist: {\n                src: 'javascript\/mis_js\/*.js',\n                dest: 'javascript\/main.js'\n            }\n        },\n        watch: {\n\t\t\tfiles: 'javascript\/mis_js\/*.js',\n\t\t\ttasks: ['concat']\n\t\t}\n    });\n\n    grunt.loadNpmTasks('grunt-contrib-concat');\n    grunt.loadNpmTasks('grunt-contrib-watch');\n\n    grunt.registerTask('default', ['watch']);\n};\n\n<\/pre>\n<p>\uc774\uc81c package.json \ud30c\uc77c\uc5d0 \uae30\ubcf8\uac12\uc778 index.js \ub300\uc2e0 gruntfile.js \ud30c\uc77c \uc774\ub984(\ub610\ub294 \uc0ac\uc6a9\uc790\uac00 \uc120\ud0dd\ud55c \uc774\ub984)\uc744 \uc785\ub825\ud574\uc57c \ud569\ub2c8\ub2e4. \ub2e4\uc74c\uacfc \uac19\uc774 \ubcf4\uc77c \uac83\uc785\ub2c8\ub2e4: <\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">...\n\"main\": \"gruntfile.js\",\n...\n<\/pre>\n<p>\uac01 \ud50c\ub7ec\uadf8\uc778\uc740 \ub2e4\ub974\uac8c \uad6c\uc131\ub418\uc9c0\ub9cc \uc77c\ubc18\uc801\uc73c\ub85c \ub178\ub4dc\ub098 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0 \ub300\ud574 \uc804\ud600 \ubaa8\ub974\ub354\ub77c\ub3c4 \ud0dc\uc2a4\ud06c\uac00 \uc218\ud589\ud558\ub294 \uc791\uc5c5\uc744 \ub9e4\uc6b0 \uc27d\uac8c \uc774\ud574\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 &#8216;concat&#8217; \uc791\uc5c5\uc740 javascript\/my_js \ud3f4\ub354\uc5d0 \uc788\ub294 \ubaa8\ub4e0 js \ud30c\uc77c\uc744 main.js\ub77c\ub294 \ud30c\uc77c\ub85c \ud569\uce69\ub2c8\ub2e4. \uadf8\ub9ac\uace0 &#8216;watch&#8217; \uc791\uc5c5\uc740 javascript\/mis_js \ud3f4\ub354\uc5d0 \uc788\ub294 js \ud30c\uc77c\uc758 \ubcc0\uacbd \uc0ac\ud56d\uc744 \uc0b4\ud3b4\ubcf4\uace0 \ubcc0\uacbd \uc0ac\ud56d\uc774 \uc788\uc73c\uba74 concat \uc791\uc5c5\uc744 \uc2e4\ud589\ud569\ub2c8\ub2e4. \uac04\ub2e8\ud558\uc8e0?   <\/p>\n<p>\uadf8\ub9ac\uace0 \ub9c8\uc9c0\ub9c9\uc5d0 &#8216;\uae30\ubcf8&#8217; \uc791\uc5c5\uc744 \uc815\uc758\ud55c \uac83\uc744 \uc54c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ub2e4\uc74c \uba85\ub839\uc744 \uc0ac\uc6a9\ud560 \ub54c \uc2e4\ud589\ub418\ub294 \uae30\ubcf8 \uc791\uc5c5\uc774 \ub418\ub3c4\ub85d \ud558\uae30 \uc704\ud55c \uac83\uc785\ub2c8\ub2e4.<br \/>\n\ud504\ub85c\uc81d\ud2b8 \ud3f4\ub354\uc5d0<\/p>\n<p>\uc11c\ubc84, \ub2e4\ub978 PC \ub4f1 \ud504\ub85c\uc81d\ud2b8\ub97c \ub2e4\ub978 \uacf3\uc73c\ub85c \uc62e\uaca8\uc57c \ud560 \ub54c \uc885\uc18d\uc131\uc744 \uac01\uac01 \uc5c5\ub85c\ub4dc\ud560 \ud544\uc694 \uc5c6\uc774 \uc804\uccb4 \ud504\ub85c\uc81d\ud2b8\ub97c \ub2e4\uc2dc \ub9cc\ub4e4 \uc218 \uc788\ub3c4\ub85d <strong>bower.json\uacfc<\/strong> <strong>package.json\uc744<\/strong> \uc0ac\uc6a9\ud558\uba74 \uc2e4\uc81c\ub85c\ub294 \ub2e4\uc6b4\ub85c\ub4dc\ud558\ub294 \uac83 \uc911 \uc77c\ubd80, \uc989 bower \ud328\ud0a4\uc9c0\uc640 grunt \ud50c\ub7ec\uadf8\uc778\ub9cc \ub2e4\uc2dc \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774 \uc791\uc740 \ud29c\ud1a0\ub9ac\uc5bc\uc774 \ub3c4\uc6c0\uc774 \ub418\uae38 \ubc14\ub77c\uba70, \uc18c\uac1c\uc5d0 \ubd88\uacfc\ud558\uc9c0\ub9cc \uc774\uc81c \uc774\ub7ec\ud55c \ub3c4\uad6c\ub97c \ud65c\uc6a9\ud560 \uc218\uc788\uc744 \uac83\uc774\ub77c\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \ub9c8\uc74c\uc5d0 \ub4dc\uc2dc\uba74 \uc5b8\uc820\uac00\ub294\uc774 \ubaa8\ub4e0 \ub2e8\uacc4\ub97c \uac00\ub2a5\ud55c \ud55c \uc27d\uac8c \ub9cc\ub4e4\uae30 \uc704\ud574 \uc694\ub9cc\uc5d0 \ub300\ud574 \uc774\uc57c\uae30 \ud560 \uac83\uc774\ubbc0\ub85c \ube14\ub85c\uadf8\ub97c \uad6c\ub3c5\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc6f9 \uac1c\ubc1c\uc5d0 \uc804\ub150\ud558\ub294 \uc0ac\ub78c\ub4e4\uc740 \uc0c8\ub85c\uc6b4 \uae30\uc220, \ud504\ub808\uc784 \uc6cc\ud06c, \ud45c\uc900, \ub3c4\uad6c, \uae30\uc220 \ub4f1\uc774 \ub9e4\uc77c \ub098\uc62c \uc218 \uc5c6\ub2e4\ub294 \uac83\uc744 \uc54c\uace0\uc788\uc744 \uac83\uc785\ub2c8\ub2e4! \ub9d0 \uadf8\ub300\ub85c! \uc6f9 \uac1c\ubc1c\uc5d0 \ub300\ud55c \uc791\uc740 \uc288\ud37c \uc18c\uac1c \uae30\uc0ac\ub97c \uc37c\uc744 \ub54c \uba87 \uac00\uc9c0\ub97c \uc124\uba85\ud588\uace0 \uc624\ub298\uc740 \ub450 \uac00\uc9c0\ub97c \ub354 \uc124\uba85\ud558\uace0\uc790\ud569\ub2c8\ub2e4. \ubc14\uc6cc\uc640 \uadf8\ub7f0\ud2b8\uc785\ub2c8\ub2e4. \uba3c\uc800 \uadf8 \uac1c\ub150\uc5d0 \ub300\ud574 \uac04\ub2e8\ud788 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4: Bower\ub294 \ud328\ud0a4\uc9c0 \ubc0f \uc885\uc18d\uc131 \uad00\ub9ac\uc790\uc785\ub2c8\ub2e4. Linux \uc0ac\uc6a9\uc790\ub294 \uc774\uc5d0 \ub9e4\uc6b0 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[42,60],"tags":[],"class_list":["post-2104","post","type-post","status-publish","format-standard","hentry","category-42","category-development","entry"],"_links":{"self":[{"href":"https:\/\/paraisolinux.com\/ko\/wp-json\/wp\/v2\/posts\/2104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paraisolinux.com\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/paraisolinux.com\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/paraisolinux.com\/ko\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/paraisolinux.com\/ko\/wp-json\/wp\/v2\/comments?post=2104"}],"version-history":[{"count":1,"href":"https:\/\/paraisolinux.com\/ko\/wp-json\/wp\/v2\/posts\/2104\/revisions"}],"predecessor-version":[{"id":2255,"href":"https:\/\/paraisolinux.com\/ko\/wp-json\/wp\/v2\/posts\/2104\/revisions\/2255"}],"wp:attachment":[{"href":"https:\/\/paraisolinux.com\/ko\/wp-json\/wp\/v2\/media?parent=2104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/paraisolinux.com\/ko\/wp-json\/wp\/v2\/categories?post=2104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/paraisolinux.com\/ko\/wp-json\/wp\/v2\/tags?post=2104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}