{"id":1173,"date":"2023-03-28T21:54:42","date_gmt":"2023-03-28T12:54:42","guid":{"rendered":"https:\/\/www.gyuroot.com\/wordpress\/?p=1173"},"modified":"2023-07-04T22:12:38","modified_gmt":"2023-07-04T13:12:38","slug":"sprint-cozstory-%ed%81%b4%eb%9d%bc%ec%9d%b4%ec%96%b8%ed%8a%b8-%ed%98%b8%ec%8a%a4%ed%8c%85","status":"publish","type":"post","link":"https:\/\/www.gyuroot.com\/wordpress\/?p=1173","title":{"rendered":"[Sprint] CozStory \ud074\ub77c\uc774\uc5b8\ud2b8 \ud638\uc2a4\ud305"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_63 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >\ubaa9\ucc28<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1173\/#CozStory_%EA%B0%9C%EC%9A%94\" title=\"CozStory \uac1c\uc694\">CozStory \uac1c\uc694<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1173\/#CozStory_%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8_%ED%98%B8%EC%8A%A4%ED%8C%85\" title=\"CozStory \ud074\ub77c\uc774\uc5b8\ud2b8 \ud638\uc2a4\ud305\">CozStory \ud074\ub77c\uc774\uc5b8\ud2b8 \ud638\uc2a4\ud305<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1173\/#1_%EC%86%8C%EC%8A%A4_%EC%BD%94%EB%93%9C_%EB%B9%8C%EB%93%9C%ED%95%98%EA%B8%B0\" title=\"1. \uc18c\uc2a4 \ucf54\ub4dc \ube4c\ub4dc\ud558\uae30\">1. \uc18c\uc2a4 \ucf54\ub4dc \ube4c\ub4dc\ud558\uae30<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1173\/#2_%EB%B9%8C%EB%93%9C%ED%95%9C_%EC%A0%95%EC%A0%81_%ED%8C%8C%EC%9D%BC_%ED%98%B8%EC%8A%A4%ED%8C%85_%ED%95%98%EA%B8%B0\" title=\"2. \ube4c\ub4dc\ud55c \uc815\uc801 \ud30c\uc77c \ud638\uc2a4\ud305 \ud558\uae30\">2. \ube4c\ub4dc\ud55c \uc815\uc801 \ud30c\uc77c \ud638\uc2a4\ud305 \ud558\uae30<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1173\/#3_CozStory_%EC%9B%B9_%ED%8E%98%EC%9D%B4%EC%A7%80_%ED%99%95%EC%9D%B8%ED%95%98%EA%B8%B0\" title=\"3. CozStory \uc6f9 \ud398\uc774\uc9c0 \ud655\uc778\ud558\uae30\">3. CozStory \uc6f9 \ud398\uc774\uc9c0 \ud655\uc778\ud558\uae30<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<p class=\"has-background\" style=\"background-color: rgb(241, 241, 239)\">&#x2b50; <a href=\"https:\/\/github.com\/cs-devops-bootcamp\/sprint-cozstory-frontend\">CozStory \ud504\ub860\ud2b8\uc5d4\ub4dc<\/a>\ub97c \ube4c\ub4dc\ud558\uace0, nginx\ub97c \uc774\uc6a9\ud574 \uc815\uc801 \uc6f9\uc0ac\uc774\ud2b8\ub85c \ud638\uc2a4\ud305\ud558\uc138\uc694.<\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"CozStory_%EA%B0%9C%EC%9A%94\"><\/span><strong>CozStory \uac1c\uc694<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p class=\"has-text-color\" style=\"color: rgb(0, 0, 0)\">CozStory\ub294 \uac04\ub2e8\ud55c \ube14\ub85c\uadf8 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc73c\ub85c, \ub2e4\uc74c\uacfc \uac19\uc774 \uac04\ub2e8\ud55c CRUD \uae30\ub2a5\uc744 \ud3ec\ud568\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n<ul>\n<li>\uc0c8 \uae00 \uc4f0\uae30 (create)<\/li>\n\n\n<li>\ube14\ub85c\uadf8 \uae00 \ubaa9\ub85d \uc870\ud68c (read)<\/li>\n\n\n<li>\uae00 \uc218\uc815 (update)<\/li>\n\n\n<li>\uae00 \uc0ad\uc81c(delete)<\/li>\n\n<\/ul>\n\n\n<p class=\"has-text-color\" style=\"color: rgb(0, 0, 0)\">CozStory\ub294 \ub610\ud55c \ud074\ub77c\uc774\uc5b8\ud2b8-\uc11c\ubc84 \uc544\ud0a4\ud14d\ucc98\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\ub294 \uc804\ud615\uc801\uc778 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774\uba70, \ub2e4\uc74c\uc758 \uc544\ud0a4\ud14d\ucc98\ub97c \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-169-1024x547.png?v=1688455632\" alt=\"\"\/><\/figure>\n\n\n<ul>\n<li>nginx \uc6f9 \uc11c\ubc84\ub97c \ud1b5\ud574 \ud074\ub77c\uc774\uc5b8\ud2b8(\ud504\ub860\ud2b8\uc5d4\ub4dc)\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \ud504\ub860\ud2b8\uc5d4\ub4dc\ub294 React\ub77c\ub294 \uae30\uc220\ub85c \uc791\uc131\ub418\uc5c8\uc2b5\ub2c8\ub2e4. (\ud558\ub298\uc0c9 \uc6d0\uc790\ub85c \ubaa8\uc591\uc758 \ub85c\uace0\uac00 React\ub97c \uc758\ubbf8\ud569\ub2c8\ub2e4)<\/li>\n\n<\/ul>\n\n\n<ul>\n<li>node.js \uae30\ubc18\uc758 fastify \ud504\ub808\uc784\uc6cc\ud06c\ub85c \uc791\uc131\ub41c WAS\uac00 \ub9ac\uc18c\uc2a4\ub97c \uc81c\uacf5\ud558\uace0, \uc55e\uc11c \uc124\uba85\ud55c \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1(CRUD \ub4f1)\uc744 \uc218\ud589\ud569\ub2c8\ub2e4. \uc989, \ubc31\uc5d4\ub4dc \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"CozStory_%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8_%ED%98%B8%EC%8A%A4%ED%8C%85\"><\/span><strong>CozStory \ud074\ub77c\uc774\uc5b8\ud2b8 \ud638\uc2a4\ud305<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_%EC%86%8C%EC%8A%A4_%EC%BD%94%EB%93%9C_%EB%B9%8C%EB%93%9C%ED%95%98%EA%B8%B0\"><\/span><strong>1. \uc18c\uc2a4 \ucf54\ub4dc \ube4c\ub4dc\ud558\uae30<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<pre class=\"wp-block-code\"><code># npm \uc758\uc874\uc131 \ud328\ud0a4\uc9c0\ub97c \uc124\uce58\ud55c\ub2e4.\n$ npm install\nnpm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.\n\nadded 1245 packages, and audited 1246 packages in 57s\n\n164 packages are looking for funding\n  run `npm fund` for details\n\n24 vulnerabilities (3 low, 1 moderate, 17 high, 3 critical)\n\nTo address issues that do not require attention, run:\n  npm audit fix\n\nTo address all issues (including breaking changes), run:\n  npm audit fix --force\n\nRun `npm audit` for details.\n\n# \ud328\ud0a4\uc9c0\uac00 \uc124\uce58\ub41c \ud6c4 node_modules \ub514\ub809\ud1a0\ub9ac\uac00 \uc0dd\uc131\ub41c \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\ub2e4.\n$ ls\n<strong>node_modules<\/strong>  package.json  package-lock.json  public  README.md  src\n\n# \uc18c\uc2a4 \ucf54\ub4dc\ub97c \ube4c\ub4dc\ud55c\ub2e4.\n$ npm run build\n&gt; blog@0.1.0 build\n&gt; react-scripts build\n\nCreating an optimized production build...\nBrowserslist: caniuse-lite is outdated. Please run:\n  npx browserslist@latest --update-db\n  Why you should do it regularly: https:\/\/github.com\/browserslist\/browserslist#browsers-data-updating\nBrowserslist: caniuse-lite is outdated. Please run:\n  npx browserslist@latest --update-db\n  Why you should do it regularly: https:\/\/github.com\/browserslist\/browserslist#browsers-data-updating\nCompiled successfully.\n\nFile sizes after gzip:\n\n  61.77 kB  build\/static\/js\/main.1e1f21b4.js\n  1.77 kB   build\/static\/js\/787.0f10631d.<span class='tooltipsall tooltipsincontent classtoolTips7'>chunk<\/span>.js\n  490 B     build\/static\/css\/main.dec85a0c.css\n\nThe project was built assuming it is hosted at \/.\nYou can control this with the homepage field in your package.json.\n\nThe build folder is ready to be deployed.\nYou may serve it with a static server:\n\n  npm install -g serve\n  serve -s build\n\nFind out more about deployment here:\n\n  https:\/\/cra.link\/deployment\n\n# \ube4c\ub4dc \ud6c4 build \ub514\ub809\ud1a0\ub9ac\uac00 \uc0dd\uc131\ub41c \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\ub2e4.\n$ ls\n<strong>build<\/strong>  node_modules  package.json  package-lock.json  public  README.md  src<\/code><\/pre>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_%EB%B9%8C%EB%93%9C%ED%95%9C_%EC%A0%95%EC%A0%81_%ED%8C%8C%EC%9D%BC_%ED%98%B8%EC%8A%A4%ED%8C%85_%ED%95%98%EA%B8%B0\"><\/span><strong>2. \ube4c\ub4dc\ud55c \uc815\uc801 \ud30c\uc77c \ud638\uc2a4\ud305 \ud558\uae30<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<blockquote class=\"wp-block-quote has-text-color\" style=\"color: rgb(0, 0, 0)\">\n<p><strong>nginx.conf \ud30c\uc77c\uc758 Server \ube14\ub85d \uc218\uc815<\/strong><\/p>\n\n<\/blockquote>\n\n\n<pre class=\"wp-block-code\"><code>server {\n        listen 10024;\n        server_name localhost;\n\n        location \/ {\n                   root \/home\/oh\/codeStates\/CozStory\/sprint-cozstory-frontend\/build;\n                   index index.html;\n        }\n}<\/code><\/pre>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_CozStory_%EC%9B%B9_%ED%8E%98%EC%9D%B4%EC%A7%80_%ED%99%95%EC%9D%B8%ED%95%98%EA%B8%B0\"><\/span>3<strong>. CozStory \uc6f9 \ud398\uc774\uc9c0 \ud655\uc778\ud558\uae30<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-170-1024x189.png?v=1688455636\" alt=\"\"\/><\/figure>\n\n<script type=\"text\/javascript\"> toolTips('.classtoolTips7','<strong>\ud070 \ub369\uc5b4\ub9ac\ub780 \ub73b\uc774\uba70, \ubb34\uc5c7\uc778\uac00\uc758 \ud070 \ubd80\ubd84\uc744 \uc758\ubbf8<\/strong><br\/><br\/>(\ub9ac\uc2a4\ud2b8\uc758 \uba64\ubc84)\ubc30\uc5f4\uacfc \ub9ac\uc2a4\ud2b8\uc758 \uc7a5\uc810\uc744 \ud569\uce5c \uac83'); <\/script>","protected":false},"excerpt":{"rendered":"<p>&#x2b50; CozStory \ud504\ub860\ud2b8\uc5d4\ub4dc\ub97c \ube4c\ub4dc\ud558\uace0, nginx\ub97c \uc774\uc6a9\ud574 \uc815\uc801 \uc6f9\uc0ac\uc774\ud2b8\ub85c \ud638\uc2a4\ud305\ud558\uc138\uc694. CozStory \uac1c\uc694 CozStory\ub294 \uac04\ub2e8\ud55c \ube14\ub85c\uadf8 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc73c\ub85c, \ub2e4\uc74c\uacfc \uac19\uc774 \uac04\ub2e8\ud55c CRUD \uae30\ub2a5\uc744 \ud3ec\ud568\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. CozStory\ub294 \ub610\ud55c \ud074\ub77c\uc774\uc5b8\ud2b8-\uc11c\ubc84 \uc544\ud0a4\ud14d\ucc98\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\ub294 \uc804\ud615\uc801\uc778 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774\uba70, \ub2e4\uc74c\uc758 \uc544\ud0a4\ud14d\ucc98\ub97c \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4. CozStory \ud074\ub77c\uc774\uc5b8\ud2b8 \ud638\uc2a4\ud305 1. \uc18c\uc2a4 \ucf54\ub4dc \ube4c\ub4dc\ud558\uae30 2. \ube4c\ub4dc\ud55c \uc815\uc801 \ud30c\uc77c \ud638\uc2a4\ud305 \ud558\uae30 nginx.conf \ud30c\uc77c\uc758 Server \ube14\ub85d \uc218\uc815 3. CozStory &#8230; <a title=\"[Sprint] CozStory \ud074\ub77c\uc774\uc5b8\ud2b8 \ud638\uc2a4\ud305\" class=\"read-more\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1173\" aria-label=\"More on [Sprint] CozStory \ud074\ub77c\uc774\uc5b8\ud2b8 \ud638\uc2a4\ud305\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":""},"categories":[45],"tags":[],"_links":{"self":[{"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1173"}],"collection":[{"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1173"}],"version-history":[{"count":1,"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1173\/revisions"}],"predecessor-version":[{"id":1193,"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1173\/revisions\/1193"}],"wp:attachment":[{"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}