{"id":26877,"date":"2025-04-01T15:51:57","date_gmt":"2025-04-01T08:51:57","guid":{"rendered":"https:\/\/hitek.com.vn\/?p=26877"},"modified":"2026-04-23T11:25:07","modified_gmt":"2026-04-23T04:25:07","slug":"web-development-project","status":"publish","type":"post","link":"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-project\/","title":{"rendered":"\uc6f9 \uac1c\ubc1c \ubc30\uc6b0\uba74\uc11c \uc81c\uc77c \uc88b\uc740 \ud504\ub85c\uc81d\ud2b8\ub294 \ubb50\uc600\uc5b4?"},"content":{"rendered":"<p>\uc6f9 \uac1c\ubc1c\uc744 \ubc30\uc6b8 \ub54c, \uc774\ub860\uc740 \ud544\uc694\ud558\uc9c0\ub9cc \uc9c0\ub8e8\ud569\ub2c8\ub2e4. \uc9c4\uc9dc \uc2e4\ub825\uc740 \uc190\uc774 \ub354\ub7ec\uc6cc\uc9c8 \ub54c, \uc989 \uc9c1\uc811 \ub9cc\ub4e4 \ub54c \uc0dd\uae41\ub2c8\ub2e4. \ubb38\uc81c\ub294 <strong>\u201c\ubb34\uc5c7\uc744 \ub9cc\ub4e4\uae4c?\u201d<\/strong> \uc774 \uc9c8\ubb38 \ud558\ub098\uac00 \ub300\ubd80\ubd84\uc758 \ucd08\ubcf4\uc790\ub97c \uba70\uce60 \ub3d9\uc548 \uad6c\uae00\ub9c1\uc758 \ub2aa\uc5d0 \ube60\ub728\ub9bd\ub2c8\ub2e4.<\/p>\n<p>\uac71\uc815 \ub9c8\uc138\uc694. \uc218\ub9ce\uc740 \ud504\ub85c\uc81d\ud2b8\ub97c \uc131\uacf5\uc2dc\ud0a4\uace0 \uc2e4\ud328\ud574\ubcf8 <strong>\uc2dc\ub2c8\uc5b4 \uac1c\ubc1c\uc790<\/strong>\uc758 \uc785\uc7a5\uc5d0\uc11c, \u2018\ub3c4\uc6c0\uc774 \ub418\ub294\u2019 \ud504\ub85c\uc81d\ud2b8\uc640 \u2018\uadf8\ub0e5 \ub530\ub77c \ud558\uae30\ub9cc \ud558\ub294\u2019 \ud504\ub85c\uc81d\ud2b8\ub97c \ud655\uc2e4\ud788 \uad6c\ubd84\ud574 \ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc5ec\uae30 \ub2f9\uc2e0\uc758 \ud3ec\ud2b8\ud3f4\ub9ac\uc624\ub97c \ub2e4\uc74c \ub808\ubca8\ub85c \ub04c\uc5b4\uc62c\ub824\uc904 \ucd5c\uace0\uc758 \ud504\ub85c\uc81d\ud2b8\ub4e4\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title ez-toc-toggle\" style=\"cursor:pointer\">Contents<\/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=\"\ubaa9\ucc28 \ud1a0\uae00\"><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:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-project\/#1_%EA%B0%9C%EC%9D%B8_%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4_%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8\" >1. \uac1c\uc778 \ud3ec\ud2b8\ud3f4\ub9ac\uc624 \uc6f9\uc0ac\uc774\ud2b8<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-project\/#2_%EC%9C%84%EC%B9%98_%EA%B8%B0%EB%B0%98_%EB%82%A0%EC%94%A8_%EB%8C%80%EC%8B%9C%EB%B3%B4%EB%93%9C\" >2. \uc704\uce58 \uae30\ubc18 \ub0a0\uc528 \ub300\uc2dc\ubcf4\ub4dc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-project\/#3_AI%EB%A5%BC_%EA%B3%81%EB%93%A4%EC%9D%B8_%EA%B0%9C%EC%9D%B8%EC%9A%A9_%EC%9E%90%EB%8F%99%ED%99%94_%EB%8F%84%EA%B5%AC\" >3. AI\ub97c \uacc1\ub4e4\uc778 \uac1c\uc778\uc6a9 \uc790\ub3d9\ud654 \ub3c4\uad6c<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-project\/#4_%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0_%EA%B8%B0%EB%B0%98_%EB%B0%A9%EB%AA%85%EB%A1%9D_%EC%86%8C%EC%85%9C_%EB%A1%9C%EA%B7%B8%EC%9D%B8_%ED%8F%AC%ED%95%A8\" >4. \ucee4\ubba4\ub2c8\ud2f0 \uae30\ubc18 \ubc29\uba85\ub85d (\uc18c\uc15c \ub85c\uadf8\uc778 \ud3ec\ud568)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-project\/#5_%EB%82%98%EB%A7%8C%EC%9D%98_%EC%8A%A4%EB%8B%88%ED%8E%AB_%EA%B4%80%EB%A6%AC%EC%9E%90_Snippet_Manager\" >5. \ub098\ub9cc\uc758 \uc2a4\ub2c8\ud3ab \uad00\ub9ac\uc790 (Snippet Manager)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-project\/#%EA%B7%B8%EB%9E%98%EC%84%9C_%EC%96%B4%EB%96%A4_%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%A5%BC_%EC%84%A0%ED%83%9D%ED%95%B4%EC%95%BC_%ED%95%A0%EA%B9%8C\" >\uadf8\ub798\uc11c, \uc5b4\ub5a4 \ud504\ub85c\uc81d\ud2b8\ub97c \uc120\ud0dd\ud574\uc57c \ud560\uae4c?<\/a><\/li><\/ul><\/nav><\/div>\n<h2 id=\"1-\"><span class=\"ez-toc-section\" id=\"1_%EA%B0%9C%EC%9D%B8_%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4_%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8\"><\/span>1. \uac1c\uc778 \ud3ec\ud2b8\ud3f4\ub9ac\uc624 \uc6f9\uc0ac\uc774\ud2b8<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\ub2e8\uc21c\ud55c \uc774\ub825\uc11c\uac00 \uc544\ub2cc, \ub2f9\uc2e0\ub9cc\uc758 \ube0c\ub79c\ub4dc\uc785\ub2c8\ub2e4.<\/strong><br \/>\n\ub9ce\uc740 \uc0ac\ub78c\ub4e4\uc774 \u201c\uadf8\ub0e5 \uae43\ud5c8\ube0c \ub9c1\ud06c \ud558\ub098\uba74 \ub418\uc9c0 \uc54a\ub098?\u201d\ub77c\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4. \uadf8 \uc0dd\uac01\uc774 \ubc14\ub85c <strong>\uc8fc\ub2c8\uc5b4\uc758 \uc804\ud615<\/strong>\uc785\ub2c8\ub2e4. \ub2f9\uc2e0\uc774 \ub9cc\ub4dc\ub294 \uccab \ud504\ub85c\uc81d\ud2b8\ub294 \ubc14\ub85c <strong>\uc790\uae30 \uc790\uc2e0<\/strong>\uc774\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<ul>\n<li><strong>\uc65c \ucd5c\uace0\uc778\uac00\uc694?<\/strong>: \ub2e8\uc21c\ud788 HTML\/CSS\ub97c \ub2e4\ub8e8\ub294 \ubc95\uc744 \ub118\uc5b4, <strong>Next.js<\/strong> \uac19\uc740 \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uc0ac\uc6a9\ud558\uba74 <a href=\"https:\/\/www.upgrad.com\/blog\/next-js-project-ideas\/\" target=\"_blank\" rel=\"noopener\">\ud30c\uc77c \uae30\ubc18 \ub77c\uc6b0\ud305(file-based routing)<\/a>\uc744 \uc790\uc5f0\uc2a4\ub7fd\uac8c \uc775\ud790 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c, \ucc44\uc6a9 \ub2f4\ub2f9\uc790\ub294 \ub2f9\uc2e0\uc774 \ub9cc\ub4e0 To-Do \ub9ac\uc2a4\ud2b8\ubcf4\ub2e4 \uc774 \uc0ac\uc774\ud2b8\ub97c \ub354 \uc624\ub798 \ubd05\ub2c8\ub2e4.<\/li>\n<li><strong>\uc5ec\uae30\uc11c \ud3ec\uc778\ud2b8<\/strong>: \uc560\ub2c8\uba54\uc774\uc158\uc5d0 \ubaa9\uc228 \uac78\uc9c0 \ub9c8\uc138\uc694. \ub300\uc2e0 <strong>\ubc18\uc751\ud615 \ub514\uc790\uc778<\/strong>\uacfc <strong>\uc811\uadfc\uc131<\/strong>\uc5d0 \uc9d1\uc911\ud558\uc138\uc694. &#8220;\uc774 \ub514\uc790\uc778, \uc65c \uc774\ub807\uac8c \uac10\uac01\uc801\uc774\uc9c0?&#8221;\ub77c\ub294 \ub290\ub08c\uc744 \uc8fc\ub294 \uac74 \ud654\ub824\ud55c \ud6a8\uacfc\uac00 \uc544\ub2cc, \uc5ec\ubc31\uc758 \ubbf8\uc640 \ud3f0\ud2b8 \uc120\ud0dd\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h2 id=\"2-\"><span class=\"ez-toc-section\" id=\"2_%EC%9C%84%EC%B9%98_%EA%B8%B0%EB%B0%98_%EB%82%A0%EC%94%A8_%EB%8C%80%EC%8B%9C%EB%B3%B4%EB%93%9C\"><\/span>2. \uc704\uce58 \uae30\ubc18 \ub0a0\uc528 \ub300\uc2dc\ubcf4\ub4dc<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\uc774\ub860\uacfc \ud604\uc2e4\uc744 \uc5f0\uacb0\ud558\ub294 \uccab \ubc88\uc9f8 \ub2e4\ub9ac<\/strong><br \/>\n\uad50\uacfc\uc11c\uc5d0\ub294 \uc548 \ub098\uc624\ub294 \u2018\uc2e4\uc804\u2019\uc744 \uacbd\ud5d8\ud558\uace0 \uc2f6\ub2e4\uba74, API\ub97c \ub2e4\ub8e8\ub294 \ud504\ub85c\uc81d\ud2b8\ub294 \ud544\uc218\uc785\ub2c8\ub2e4. \ub0a0\uc528 \uc571\uc740 \ub108\ubb34 \ubed4\ud558\ub2e4\uace0\uc694? \ub9de\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uadf8 \u2018\ubed4\ud568\u2019\uc744 \uc5bc\ub9c8\ub098 \uc138\ub828\ub418\uac8c \ud3ec\uc7a5\ud558\ub290\ub0d0\uac00 \uc2b9\ubd80\uc785\ub2c8\ub2e4.<\/p>\n<ul>\n<li><strong>\ud575\uc2ec \uae30\uc220<\/strong>: GPS \uc88c\ud45c\ub97c \uc5bb\uae30 \uc704\ud574 <a href=\"https:\/\/www.upgrad.com\/blog\/react-native-projects\/\" target=\"_blank\" rel=\"noopener\">Expo Location<\/a> \uac19\uc740 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud574 \ubcf4\uc138\uc694. \uc0ac\uc6a9\uc790\uac00 \u2018\uc11c\uc6b8\u2019\uc744 \uc785\ub825\ud558\uba74 \uc624\ud0c0\uac00 \ub098\ub294 \uacbd\uc6b0\ub97c \ub300\ube44\ud55c <strong>\uc5d0\ub7ec \ud578\ub4e4\ub9c1<\/strong>\uc774 \uc9c4\uc9dc \uc2e4\ub825\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.<\/li>\n<li><strong>High-Low \ubbf9\uc2a4<\/strong>: OpenWeatherMap API \uac19\uc740 \uacf5\uc9dc \ub370\uc774\ud130\ub97c \uc4f0\ub418, UI\ub294 <strong>Apple\uc758 \ub0a0\uc528 \uc571<\/strong>\ucc98\ub7fc \ub514\uc790\uc778\ud558\uc138\uc694. \ubc30\uacbd \uc0c9\uc0c1\uc744 \ud604\uc7ac \uc628\ub3c4\ub098 \ub0a0\uc528\uc5d0 \ub530\ub77c \ub3d9\uc801\uc73c\ub85c \ubcc0\ud654\uc2dc\ud0a4\ub294 \uc13c\uc2a4\ub97c \ubcf4\uc5ec\uc900\ub2e4\uba74, \ub2f9\uc2e0\uc740 \uc774\ubbf8 \u2018\uac10\uac01\uc801\uc778 \uac1c\ubc1c\uc790\u2019\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h2 id=\"3-ai-\"><span class=\"ez-toc-section\" id=\"3_AI%EB%A5%BC_%EA%B3%81%EB%93%A4%EC%9D%B8_%EA%B0%9C%EC%9D%B8%EC%9A%A9_%EC%9E%90%EB%8F%99%ED%99%94_%EB%8F%84%EA%B5%AC\"><\/span>3. AI\ub97c \uacc1\ub4e4\uc778 \uac1c\uc778\uc6a9 \uc790\ub3d9\ud654 \ub3c4\uad6c<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>2026\ub144, \uac1c\ubc1c\uc790\uc758 \uc0c8\ub85c\uc6b4 \ubb34\uae30<\/strong><br \/>\n\uc774\uc81c \u2018\uadf8\ub0e5 \uc6f9\uc0ac\uc774\ud2b8\u2019\ub294 \uc544\ubb34\ub3c4 \uc548 \ubd05\ub2c8\ub2e4. 2026\ub144\uc758 \ud2b8\ub80c\ub4dc\ub294 <strong>AI \ud37c\uc2a4\ud2b8<\/strong>\uc785\ub2c8\ub2e4. \ubcf5\uc7a1\ud55c \ucc57\ubd07\uc744 \ub9cc\ub4e4 \ud544\uc694 \uc5c6\uc774, \ub0b4 \uc0b6\uc744 \ud3b8\ud558\uac8c \ub9cc\ub4dc\ub294 \uc791\uc740 \ub3c4\uad6c\ubd80\ud130 \uc2dc\uc791\ud558\uc138\uc694.<\/p>\n<ul>\n<li><strong>\ucd94\ucc9c \ud504\ub85c\uc81d\ud2b8<\/strong>: \ud68c\uc758\ub85d\uc744 \ubd99\uc5ec \ub123\uc73c\uba74 <strong>\uc790\ub3d9\uc73c\ub85c \uc694\uc57d\ud574\uc8fc\ub294 \ud234<\/strong>\uc774\ub098, \ube14\ub85c\uadf8 \uae00\uc744 \uc4f0\uba74 <strong>SEO \uba54\ud0c0 \ub514\uc2a4\ud06c\ub9bd\uc158\uc744 \uc790\ub3d9 \uc0dd\uc131\ud574\uc8fc\ub294 \uc0ac\uc774\ub4dc \ud504\ub85c\uc81d\ud2b8<\/strong>.<\/li>\n<li><strong>\uad6c\ud604 \ud301<\/strong>: \uc678\ubd80 API(\uc608: OpenAI)\ub97c \ud638\ucd9c\ud558\ub294 \ub85c\uc9c1\uc740 \uc808\ub300 \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0 \ub178\ucd9c\uc2dc\ud0a4\uba74 \uc548 \ub429\ub2c8\ub2e4. Next.js\uc758 <strong><a href=\"https:\/\/www.upgrad.com\/blog\/next-js-project-ideas\/\" target=\"_blank\" rel=\"noopener\">API Routes<\/a><\/strong> \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud574\uc11c \uc11c\ubc84 \uc0ac\uc774\ub4dc\uc5d0\uc11c \uc548\uc804\ud558\uac8c \ucc98\ub9ac\ud558\ub294 \ubc95\uc744 \uc775\ud600\ubcf4\uc138\uc694.<\/li>\n<\/ul>\n<h2 id=\"4-\"><span class=\"ez-toc-section\" id=\"4_%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0_%EA%B8%B0%EB%B0%98_%EB%B0%A9%EB%AA%85%EB%A1%9D_%EC%86%8C%EC%85%9C_%EB%A1%9C%EA%B7%B8%EC%9D%B8_%ED%8F%AC%ED%95%A8\"><\/span>4. \ucee4\ubba4\ub2c8\ud2f0 \uae30\ubc18 \ubc29\uba85\ub85d (\uc18c\uc15c \ub85c\uadf8\uc778 \ud3ec\ud568)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\ud63c\uc790\uac00 \uc544\ub2cc, \ud568\uaed8\ud558\ub294 \uac1c\ubc1c\uc758 \ub9db<\/strong><br \/>\n\ud63c\uc790\uc11c \ub9cc\ub4dc\ub294 \uc571\uc740 \uc7ac\ubbf8\uc788\uc9c0\ub9cc, \u2018\uc0ac\uc6a9\uc790\u2019\uac00 \uc0dd\uae30\uba74 \ub808\ubca8\uc774 \ub2e4\ub985\ub2c8\ub2e4. \ub370\uc774\ud130\uc758 \uc0dd\uc131\uacfc \uc870\ud68c\uc5d0 \u2018\uad8c\ud55c\u2019 \uac1c\ub150\uc774 \ub4e4\uc5b4\uac00\ub294 \uc21c\uac04, \ub2f9\uc2e0\uc740 \ubcf8\uaca9\uc801\uc778 <strong>\uc11c\ube44\uc2a4 \uac1c\ubc1c\uc790<\/strong>\uac00 \ub429\ub2c8\ub2e4.<\/p>\n<ul>\n<li><strong>\uae30\ub2a5 \uba85\uc138<\/strong>: \ub2e8\uc21c\ud788 \uae00\uc744 \uc4f0\ub294 \uac83\uc774 \uc544\ub2c8\ub77c, <strong>\uce74\uce74\uc624 or \uad6c\uae00 \uc18c\uc15c \ub85c\uadf8\uc778<\/strong>\uc744 \ubd99\uc5ec\ubcf4\uc138\uc694. \ub85c\uadf8\uc778\ud55c \uc0ac\uc6a9\uc790\ub9cc \uae00\uc744 \uc4f0\uac8c \ud558\uace0, \uc218\uc815\/\uc0ad\uc81c\ub294 \ubcf8\uc778\ub9cc \uac00\ub2a5\ud558\uac8c \ud558\ub294 <strong>\uc811\uadfc \uc81c\uc5b4<\/strong> \ub85c\uc9c1\uc744 \uad6c\ud604\ud558\ub294 \uac83\uc774 \ud575\uc2ec\uc785\ub2c8\ub2e4.<\/li>\n<li><strong>\ub514\uc9c0\ud138 \uc778\ubb38\ud559\uc801 \uac10\uc218\uc131<\/strong>: \uc545\ud50c\ub7ec\ub97c \ucc28\ub2e8\ud558\ub294 \uae30\ub2a5\ubcf4\ub2e4 \u2018\uc2e0\uace0\ud558\uae30\u2019 \uae30\ub2a5\uc744 \uc5b4\ub5bb\uac8c \uc6b0\uc544\ud558\uac8c \uad6c\ud604\ud560\uc9c0 \uace0\ubbfc\ud574\ubcf4\uc138\uc694. \uc774\ub294 \ub2e8\uc21c\ud55c \ucf54\ub529\uc744 \ub118\uc5b4 \uc11c\ube44\uc2a4 \uc124\uacc4\uc758 \uccab\uac78\uc74c\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h2 id=\"5-snippet-manager-\"><span class=\"ez-toc-section\" id=\"5_%EB%82%98%EB%A7%8C%EC%9D%98_%EC%8A%A4%EB%8B%88%ED%8E%AB_%EA%B4%80%EB%A6%AC%EC%9E%90_Snippet_Manager\"><\/span>5. \ub098\ub9cc\uc758 \uc2a4\ub2c8\ud3ab \uad00\ub9ac\uc790 (Snippet Manager)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\uac1c\ubc1c\uc790\ub97c \uc704\ud55c, \uac1c\ubc1c\uc790\uc5d0 \uc758\ud55c, \uac1c\ubc1c\uc790\uc758 \ud504\ub85c\uc81d\ud2b8<\/strong><br \/>\n\ub2f9\uc2e0\uc740 \ud558\ub8e8\uc5d0\ub3c4 \uc218\uc2ed \uac1c\uc758 \ucf54\ub4dc \uc870\uac01\uc744 \ubcf5\uc0ac\ud569\ub2c8\ub2e4. \uadf8\uac78 \ubc14\ud0d5\ud654\uba74\uc5d0 \ud14d\uc2a4\ud2b8 \ud30c\uc77c\ub85c \uc800\uc7a5\ud558\uace0 \uc788\uc9c0\ub294 \uc54a\ub098\uc694? \uc774\uac74 \ubd80\ub044\ub7ec\uc6b4 \uc77c\uc785\ub2c8\ub2e4. \ub2f9\uc2e0\ub9cc\uc758 <strong>\ucf54\ub4dc \uc800\uc7a5\uc18c<\/strong>\ub97c \ub9cc\ub4dc\uc138\uc694.<\/p>\n<ul>\n<li><strong>\uc65c \ud544\uc694\ud55c\uac00<\/strong>: <strong>Markdown<\/strong> \uc5d0\ub514\ud130\ub97c \ubd99\uc5ec\uc11c \ubb38\ubc95 \uac15\uc870(Syntax Highlighting)\uac00 \uac00\ub2a5\ud55c \ubdf0\uc5b4\ub97c \ub9cc\ub4dc\ub294 \uac83\uc740 \uc0dd\uac01\ubcf4\ub2e4 \uae4c\ub2e4\ub86d\uc2b5\ub2c8\ub2e4. \uc774 \uacfc\uc815\uc5d0\uc11c <strong>XSS \uacf5\uaca9<\/strong> \ubc29\uc5b4 \ub85c\uc9c1\uc774\ub098, <a href=\"https:\/\/www.upgrad.com\/blog\/next-js-project-ideas\/\" target=\"_blank\" rel=\"noopener\">\ub85c\uceec \uc2a4\ud1a0\ub9ac\uc9c0(LocalStorage)\uc640\uc758 \uc2f8\uc6c0<\/a>\uc744 \uacbd\ud5d8\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li><strong>\ub354 \ub098\uc544\uac00\uae30<\/strong>: \uc774 \ub370\uc774\ud130\ub97c \ub2e8\uc21c \uc800\uc7a5\uc774 \uc544\ub2c8\ub77c, \ud0dc\uadf8\ubcc4\ub85c \ubd84\ub958\ud558\uace0 \uac80\uc0c9\ud560 \uc218 \uc788\ub294 <strong>\ud480\ud14d\uc2a4\ud2b8 \uac80\uc0c9(Full-text search)<\/strong> \uae30\ub2a5\uc744 \ucd94\uac00\ud574\ubcf4\uc138\uc694.<\/li>\n<\/ul>\n<hr \/>\n<h2 id=\"-\"><span class=\"ez-toc-section\" id=\"%EA%B7%B8%EB%9E%98%EC%84%9C_%EC%96%B4%EB%96%A4_%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%A5%BC_%EC%84%A0%ED%83%9D%ED%95%B4%EC%95%BC_%ED%95%A0%EA%B9%8C\"><\/span>\uadf8\ub798\uc11c, \uc5b4\ub5a4 \ud504\ub85c\uc81d\ud2b8\ub97c \uc120\ud0dd\ud574\uc57c \ud560\uae4c?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\ub450\ub824\uc6cc \ub9c8\uc138\uc694. \uc644\ubcbd\ud55c \ud504\ub85c\uc81d\ud2b8\ub294 \uc5c6\uc2b5\ub2c8\ub2e4. \uc911\uc694\ud55c \uac83\uc740 <strong>\u2018\uc644\uc131\u2019<\/strong> \uc785\ub2c8\ub2e4.<\/p>\n<p>\ub2f9\uc2e0\uc774 \ub9cc\ub4e0 \ubbf8\ub2c8\uba40\ud55c \ud3ec\ud2b8\ud3f4\ub9ac\uc624\uac00 \uc138\uc0c1\uc5d0 \ub098\uc640 \uc788\ub294 \uc808\ubc18\uc758 \ubc18\uc751\ud615\ub3c4 \uc548 \ub418\ub294 \uc0ac\uc774\ud2b8\ubcf4\ub2e4 \ub0ab\uc2b5\ub2c8\ub2e4. \uc77c\ub2e8 \ubc30\ud3ec\ud558\uc138\uc694. <strong>Vercel<\/strong>\uc774\ub098 <strong>Netlify<\/strong>\uc5d0 \ubc84\ud2bc \ud558\ub098\ub9cc \ub204\ub974\uba74 \ubc30\ud3ec\ub418\ub294 \uc138\uc0c1\uc785\ub2c8\ub2e4. \ubc84\uadf8\uac00 \uc788\uc73c\uba74 \uace0\uce58\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<p>\uc9c0\uae08 \ub2f9\uc7a5, \uac00\uc7a5 \uc7ac\ubbf8\uc788\uc5b4 \ubcf4\uc774\ub294 \ud504\ub85c\uc81d\ud2b8\ub97c \uace8\ub77c \ucf54\ub4dc \uc5d0\ub514\ud130\ub97c \uc5f4\uc5b4\ubcf4\uc138\uc694. \uc774 \uae00\uc744 \uc77d\ub294 \uc2dc\uac04\uc5d0 \uc774\ubbf8 \ud5e4\ub354 \ud558\ub098\ub294 \ub9cc\ub4e4\uc5c8\uc744 \uac81\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc6f9 \uac1c\ubc1c\uc744 \ubc30\uc6b8 \ub54c, \uc774\ub860\uc740 \ud544\uc694\ud558\uc9c0\ub9cc \uc9c0\ub8e8\ud569\ub2c8\ub2e4. \uc9c4\uc9dc \uc2e4\ub825\uc740 \uc190\uc774 \ub354\ub7ec\uc6cc\uc9c8 \ub54c, \uc989 \uc9c1\uc811 \ub9cc\ub4e4 \ub54c \uc0dd\uae41\ub2c8\ub2e4. \ubb38\uc81c\ub294 \u201c\ubb34\uc5c7\uc744 \ub9cc\ub4e4\uae4c?\u201d \uc774 \uc9c8\ubb38 \ud558\ub098\uac00 \ub300\ubd80\ubd84\uc758 \ucd08\ubcf4\uc790\ub97c \uba70\uce60 \ub3d9\uc548 \uad6c\uae00\ub9c1\uc758 \ub2aa\uc5d0 \ube60\ub728\ub9bd\ub2c8\ub2e4. \uac71\uc815 \ub9c8\uc138\uc694. \uc218\ub9ce\uc740 \ud504\ub85c\uc81d\ud2b8\ub97c \uc131\uacf5\uc2dc\ud0a4\uace0 \uc2e4\ud328\ud574\ubcf8 \uc2dc\ub2c8\uc5b4 \uac1c\ubc1c\uc790\uc758 \uc785\uc7a5\uc5d0\uc11c, \u2018\ub3c4\uc6c0\uc774 \ub418\ub294\u2019 \ud504\ub85c\uc81d\ud2b8\uc640 \u2018\uadf8\ub0e5 \ub530\ub77c \ud558\uae30\ub9cc \ud558\ub294\u2019 \ud504\ub85c\uc81d\ud2b8\ub97c \ud655\uc2e4\ud788 \uad6c\ubd84\ud574 \ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4. \uc5ec\uae30 \ub2f9\uc2e0\uc758 \ud3ec\ud2b8\ud3f4\ub9ac\uc624\ub97c \ub2e4\uc74c \ub808\ubca8\ub85c [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":26878,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[70],"tags":[],"class_list":["post-26877","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-ko"],"_links":{"self":[{"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/posts\/26877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/comments?post=26877"}],"version-history":[{"count":5,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/posts\/26877\/revisions"}],"predecessor-version":[{"id":34685,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/posts\/26877\/revisions\/34685"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/media\/26878"}],"wp:attachment":[{"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/media?parent=26877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/categories?post=26877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/tags?post=26877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}