{"id":26970,"date":"2025-04-03T16:36:09","date_gmt":"2025-04-03T09:36:09","guid":{"rendered":"https:\/\/hitek.com.vn\/?p=26970"},"modified":"2025-04-03T16:36:09","modified_gmt":"2025-04-03T09:36:09","slug":"web-development-job","status":"publish","type":"post","link":"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/","title":{"rendered":"\uc6f9 \uac1c\ubc1c\uc790\ub85c \ucde8\uc5c5\ud558\uae30 (\ube44\uc804\uacf5\uc790 \uacf5\ubd80 \uc21c\uc11c 7\ub2e8\uacc4)"},"content":{"rendered":"<p>\uc6f9 \uac1c\ubc1c\uc740 \uc804\uacf5\uc790\ubfd0\ub9cc \uc544\ub2c8\ub77c \ube44\uc804\uacf5\uc790\ub3c4 \ucda9\ubd84\ud788 \ub3c4\uc804\ud560 \uc218 \uc788\ub294 \ubd84\uc57c\ub2e4. \ucf54\ub529 \ubd80\ud2b8\ucea0\ud504, \uc628\ub77c\uc778 \uac15\uc758, \ucee4\ubba4\ub2c8\ud2f0 \ud559\uc2b5 \ub4f1 \ub2e4\uc591\ud55c \ubc29\ubc95\uc73c\ub85c \uc6f9 \uac1c\ubc1c\uc744 \ubc30\uc6b8 \uc218 \uc788\ub294 \uc2dc\ub300\ub2e4. \ud558\uc9c0\ub9cc <strong>\uccb4\uacc4\uc801\uc778 \ub85c\ub4dc\ub9f5<\/strong>\uc774 \uc5c6\ub2e4\uba74 \ubc29\ud5a5\uc744 \uc783\uae30 \uc27d\ub2e4.<\/p>\n<p>\uc774 \uae00\uc5d0\uc11c\ub294 \ube44\uc804\uacf5\uc790\uac00 \uc6f9 \uac1c\ubc1c\uc790\ub85c \ucde8\uc5c5\ud558\uae30 \uc704\ud574 \ub530\ub77c\uc57c \ud560 <strong>7\ub2e8\uacc4 \ud559\uc2b5 \uc21c\uc11c<\/strong>\ub97c \uc81c\uc2dc\ud55c\ub2e4. \ud604\uc5c5 \uac1c\ubc1c\uc790\ub4e4\uc774 \ucd94\ucc9c\ud558\ub294 \ud575\uc2ec \uae30\uc220\ubd80\ud130 \ud3ec\ud2b8\ud3f4\ub9ac\uc624 \uad6c\uc131\ubc95, \ucde8\uc5c5 \uc804\ub7b5\uae4c\uc9c0 \ub2e8\uacc4\ubcc4\ub85c \uc815\ub9ac\ud588\ub2e4.<\/p>\n<hr \/>\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-job\/#1%EB%8B%A8%EA%B3%84_%EA%B0%9C%EB%B0%9C_%ED%99%98%EA%B2%BD_%EC%84%B8%ED%8C%85%EA%B3%BC_%EA%B8%B0%EC%B4%88_%EB%AC%B8%EB%B2%95_%EC%8A%B5%EB%93%9D\" >1\ub2e8\uacc4: \uac1c\ubc1c \ud658\uacbd \uc138\ud305\uacfc \uae30\ucd08 \ubb38\ubc95 \uc2b5\ub4dd<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#1_%EA%B0%9C%EB%B0%9C_%EB%8F%84%EA%B5%AC_%EC%84%A4%EC%B9%98\" >1. \uac1c\ubc1c \ub3c4\uad6c \uc124\uce58<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#2_HTMLCSS_%EA%B8%B0%EC%B4%88_%EB%8B%A4%EC%A7%80%EA%B8%B0\" >2. HTML\/CSS \uae30\ucd08 \ub2e4\uc9c0\uae30<\/a><\/li><\/ul><\/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-job\/#2%EB%8B%A8%EA%B3%84_JavaScript%EB%A1%9C_%EB%8F%99%EC%A0%81%EC%9D%B8_%EC%9B%B9_%EA%B5%AC%ED%98%84\" >2\ub2e8\uacc4: JavaScript\ub85c \ub3d9\uc801\uc778 \uc6f9 \uad6c\ud604<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#%ED%95%84%EC%88%98_%ED%95%99%EC%8A%B5_%EB%82%B4%EC%9A%A9\" >\ud544\uc218 \ud559\uc2b5 \ub0b4\uc6a9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#%EC%B6%94%EC%B2%9C_%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8\" >\ucd94\ucc9c \ud504\ub85c\uc81d\ud2b8<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#3%EB%8B%A8%EA%B3%84_%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC_ReactVue\" >3\ub2e8\uacc4: \ud504\ub860\ud2b8\uc5d4\ub4dc \ud504\ub808\uc784\uc6cc\ud06c (React\/Vue)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#React_%ED%95%B5%EC%8B%AC_%EA%B0%9C%EB%85%90\" >React \ud575\uc2ec \uac1c\ub150<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4%EC%9A%A9_%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8_%EC%98%88%EC%8B%9C\" >\ud3ec\ud2b8\ud3f4\ub9ac\uc624\uc6a9 \ud504\ub85c\uc81d\ud2b8 \uc608\uc2dc<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#4%EB%8B%A8%EA%B3%84_%EB%B0%B1%EC%97%94%EB%93%9C_%EA%B8%B0%EC%B4%88_Nodejs_Express\" >4\ub2e8\uacc4: \ubc31\uc5d4\ub4dc \uae30\ucd08 (Node.js + Express)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#Nodejs_Express%EB%A1%9C_%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0\" >Node.js + Express\ub85c \uc2dc\uc791\ud558\uae30<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#%ED%95%99%EC%8A%B5_%EC%B6%94%EC%B2%9C\" >\ud559\uc2b5 \ucd94\ucc9c<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#5%EB%8B%A8%EA%B3%84_%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4_%EB%B0%B0%ED%8F%AC\" >5\ub2e8\uacc4: \ub370\uc774\ud130\ubca0\uc774\uc2a4 &amp; \ubc30\ud3ec<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#1_%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4_%EC%84%A0%ED%83%9D\" >1. \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc120\ud0dd<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#2_%ED%81%B4%EB%9D%BC%EC%9A%B0%EB%93%9C_%EB%B0%B0%ED%8F%AC_AWS_Vercel_Netlify\" >2. \ud074\ub77c\uc6b0\ub4dc \ubc30\ud3ec (AWS, Vercel, Netlify)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#6%EB%8B%A8%EA%B3%84_Git_%ED%98%91%EC%97%85_%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98\" >6\ub2e8\uacc4: Git \ud611\uc5c5 &amp; \uc54c\uace0\ub9ac\uc998<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#1_Git_%EC%A0%84%EB%9E%B5_Branch_PR_Merge\" >1. Git \uc804\ub7b5 (Branch, PR, Merge)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#2_%EC%BD%94%EB%94%A9_%ED%85%8C%EC%8A%A4%ED%8A%B8_%EC%A4%80%EB%B9%84_LeetCode_%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B8%EC%8A%A4\" >2. \ucf54\ub529 \ud14c\uc2a4\ud2b8 \uc900\ube44 (LeetCode, \ud504\ub85c\uadf8\ub798\uba38\uc2a4)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#7%EB%8B%A8%EA%B3%84_%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4_%EC%9D%B4%EB%A0%A5%EC%84%9C_%EC%B5%9C%EC%A0%81%ED%99%94\" >7\ub2e8\uacc4: \ud3ec\ud2b8\ud3f4\ub9ac\uc624 &amp; \uc774\ub825\uc11c \ucd5c\uc801\ud654<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4_%EA%B5%AC%EC%84%B1_%EC%9A%94%EC%86%8C\" >\ud3ec\ud2b8\ud3f4\ub9ac\uc624 \uad6c\uc131 \uc694\uc18c<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#%EC%9D%B4%EB%A0%A5%EC%84%9C_%EC%9E%91%EC%84%B1_%ED%8C%81\" >\uc774\ub825\uc11c \uc791\uc131 \ud301<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/hitek.com.vn\/ko\/blog-ko\/web-development-job\/#%EB%A7%88%EB%AC%B4%EB%A6%AC_%EA%BE%B8%EC%A4%80%ED%95%A8%EC%9D%B4_%ED%95%B5%EC%8B%AC%EC%9D%B4%EB%8B%A4\" >\ub9c8\ubb34\ub9ac: \uafb8\uc900\ud568\uc774 \ud575\uc2ec\uc774\ub2e4<\/a><\/li><\/ul><\/nav><\/div>\n<h2 id=\"-1-\"><span class=\"ez-toc-section\" id=\"1%EB%8B%A8%EA%B3%84_%EA%B0%9C%EB%B0%9C_%ED%99%98%EA%B2%BD_%EC%84%B8%ED%8C%85%EA%B3%BC_%EA%B8%B0%EC%B4%88_%EB%AC%B8%EB%B2%95_%EC%8A%B5%EB%93%9D\"><\/span><strong>1\ub2e8\uacc4: \uac1c\ubc1c \ud658\uacbd \uc138\ud305\uacfc \uae30\ucd08 \ubb38\ubc95 \uc2b5\ub4dd<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"-1-\"><span class=\"ez-toc-section\" id=\"1_%EA%B0%9C%EB%B0%9C_%EB%8F%84%EA%B5%AC_%EC%84%A4%EC%B9%98\"><\/span><strong>1. \uac1c\ubc1c \ub3c4\uad6c \uc124\uce58<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\uc6f9 \uac1c\ubc1c\uc744 \uc2dc\uc791\ud558\ub824\uba74 \uae30\ubcf8\uc801\uc778 \uac1c\ubc1c \ud658\uacbd\uc744 \uad6c\ucd95\ud574\uc57c \ud55c\ub2e4.<\/p>\n<ul>\n<li><strong>Visual Studio Code<\/strong>: \uac00\ubcbc\uc6b0\uba74\uc11c \ud655\uc7a5 \uae30\ub2a5\uc774 \ud48d\ubd80\ud55c \ucf54\ub4dc \uc5d0\ub514\ud130.<\/li>\n<li><strong>Git &amp; GitHub<\/strong>: \ubc84\uc804 \uad00\ub9ac \ubc0f \ud611\uc5c5\uc744 \uc704\ud55c \ud544\uc218 \ub3c4\uad6c. <a href=\"https:\/\/github.com\" target=\"_blank\" rel=\"noopener\">GitHub \uacf5\uc2dd \uc0ac\uc774\ud2b8<\/a>\uc5d0\uc11c \uac00\uc785 \ud6c4 \uc0ac\uc6a9\ubc95 \uc775\ud788\uae30.<\/li>\n<li><strong>Chrome \uac1c\ubc1c\uc790 \ub3c4\uad6c<\/strong>: \uc6f9 \ud398\uc774\uc9c0 \ubd84\uc11d\uacfc \ub514\ubc84\uae45\uc5d0 \uc720\uc6a9.<\/li>\n<\/ul>\n<h3 id=\"-2-html-css-\"><span class=\"ez-toc-section\" id=\"2_HTMLCSS_%EA%B8%B0%EC%B4%88_%EB%8B%A4%EC%A7%80%EA%B8%B0\"><\/span><strong>2. HTML\/CSS \uae30\ucd08 \ub2e4\uc9c0\uae30<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\uc6f9\uc758 \ubf08\ub300\uc640 \ub514\uc790\uc778\uc744 \uad6c\uc131\ud558\ub294 \uac00\uc7a5 \uae30\ubcf8\uc801\uc778 \uc5b8\uc5b4.<\/p>\n<ul>\n<li><strong>HTML<\/strong>: \uad6c\uc870 \uc791\uc131 (<code>&lt;head&gt;<\/code>, <code>&lt;body&gt;<\/code>, <code>&lt;div&gt;<\/code> \ub4f1).<\/li>\n<li><strong>CSS<\/strong>: \uc2a4\ud0c0\uc77c\ub9c1 (Flexbox, Grid\ub85c \ub808\uc774\uc544\uc6c3 \uc124\uacc4).<\/li>\n<li><strong>\ucd94\ucc9c \ud559\uc2b5 \uc790\ub8cc<\/strong>: <a href=\"https:\/\/developer.mozilla.org\/\" target=\"_blank\" rel=\"noopener\">MDN Web Docs<\/a>, <a href=\"https:\/\/opentutorials.org\" target=\"_blank\" rel=\"noopener\">\uc0dd\ud65c\ucf54\ub529<\/a>.<\/li>\n<\/ul>\n<blockquote><p>\ud83d\udca1 <strong>Tip<\/strong>: \uac04\ub2e8\ud55c \uc815\uc801 \uc6f9 \ud398\uc774\uc9c0(\uc608: \uc790\uae30\uc18c\uac1c \ud398\uc774\uc9c0)\ub97c \ub9cc\ub4e4\uc5b4\ubcf4\uba70 \uc2e4\uc2b5\ud55c\ub2e4.<\/p><\/blockquote>\n<hr \/>\n<h2 id=\"-2-javascript-\"><span class=\"ez-toc-section\" id=\"2%EB%8B%A8%EA%B3%84_JavaScript%EB%A1%9C_%EB%8F%99%EC%A0%81%EC%9D%B8_%EC%9B%B9_%EA%B5%AC%ED%98%84\"><\/span><strong>2\ub2e8\uacc4: JavaScript\ub85c \ub3d9\uc801\uc778 \uc6f9 \uad6c\ud604<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>HTML\/CSS\ub9cc\uc73c\ub85c\ub294 \uc815\uc801\uc778 \ud398\uc774\uc9c0\ub9cc \ub9cc\ub4e4 \uc218 \uc788\ub2e4. <strong>JavaScript(JS)<\/strong>\ub97c \ubc30\uc6cc\uc57c \uc0ac\uc6a9\uc790\uc640 \uc0c1\ud638\uc791\uc6a9\ud558\ub294 \uc6f9\uc744 \uac1c\ubc1c\ud560 \uc218 \uc788\ub2e4.<\/p>\n<h3 id=\"-\"><span class=\"ez-toc-section\" id=\"%ED%95%84%EC%88%98_%ED%95%99%EC%8A%B5_%EB%82%B4%EC%9A%A9\"><\/span><strong>\ud544\uc218 \ud559\uc2b5 \ub0b4\uc6a9<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\ubcc0\uc218, \ud568\uc218, \uc870\uac74\ubb38, \ubc18\ubcf5\ubb38 \ub4f1 \uae30\ubcf8 \ubb38\ubc95<\/li>\n<li>DOM \uc870\uc791 (\ubc84\ud2bc \ud074\ub9ad, \ud3fc \uc785\ub825 \ucc98\ub9ac)<\/li>\n<li>ES6+ \ubb38\ubc95 (Arrow Function, Promise, async\/await)<\/li>\n<\/ul>\n<h3 id=\"-\"><span class=\"ez-toc-section\" id=\"%EC%B6%94%EC%B2%9C_%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8\"><\/span><strong>\ucd94\ucc9c \ud504\ub85c\uc81d\ud2b8<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><strong>\ud1a0\uc774 \ud504\ub85c\uc81d\ud2b8<\/strong>: \uacc4\uc0b0\uae30, \ud22c\ub450\ub9ac\uc2a4\ud2b8, \uac04\ub2e8\ud55c \uac8c\uc784(\uc22b\uc790 \ub9de\ucd94\uae30)<\/li>\n<li><strong>\ud559\uc2b5 \ud50c\ub7ab\ud3fc<\/strong>: <a href=\"https:\/\/www.codecademy.com\/\" target=\"_blank\" rel=\"noopener\">Codecademy<\/a>, <a href=\"https:\/\/www.freecodecamp.org\/\" target=\"_blank\" rel=\"noopener\">freeCodeCamp<\/a><\/li>\n<\/ul>\n<hr \/>\n<h2 id=\"-3-react-vue-\"><span class=\"ez-toc-section\" id=\"3%EB%8B%A8%EA%B3%84_%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC_ReactVue\"><\/span><strong>3\ub2e8\uacc4: \ud504\ub860\ud2b8\uc5d4\ub4dc \ud504\ub808\uc784\uc6cc\ud06c (React\/Vue)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\ud604\uc5c5\uc5d0\uc11c\ub294 Vanilla JS\ubcf4\ub2e4 <strong>React<\/strong>, <strong>Vue<\/strong>, <strong>Angular<\/strong> \uac19\uc740 \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uc8fc\ub85c \uc0ac\uc6a9\ud55c\ub2e4. \uadf8\uc911 <strong>React<\/strong>\uac00 \uac00\uc7a5 \uc778\uae30 \uc788\uace0, \ucde8\uc5c5 \uc2dc\uc7a5\uc5d0\uc11c\ub3c4 \uc218\uc694\uac00 \ub9ce\ub2e4.<\/p>\n<h3 id=\"-react-\"><span class=\"ez-toc-section\" id=\"React_%ED%95%B5%EC%8B%AC_%EA%B0%9C%EB%85%90\"><\/span><strong>React \ud575\uc2ec \uac1c\ub150<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\ucef4\ud3ec\ub10c\ud2b8 \uae30\ubc18 \uac1c\ubc1c<\/li>\n<li>\uc0c1\ud0dc \uad00\ub9ac (useState, useEffect)<\/li>\n<li>API \uc5f0\ub3d9 (fetch, axios)<\/li>\n<\/ul>\n<h3 id=\"-\"><span class=\"ez-toc-section\" id=\"%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4%EC%9A%A9_%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8_%EC%98%88%EC%8B%9C\"><\/span><strong>\ud3ec\ud2b8\ud3f4\ub9ac\uc624\uc6a9 \ud504\ub85c\uc81d\ud2b8 \uc608\uc2dc<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u2705 \ub0a0\uc528 \uc571 (Open API \ud65c\uc6a9)<br \/>\n\u2705 \uc601\ud654 \uac80\uc0c9 \uc0ac\uc774\ud2b8 (TMDB API \uc5f0\ub3d9)<br \/>\n\u2705 \uc1fc\ud551 \uce74\ud2b8 \uad6c\ud604<\/p>\n<blockquote><p>\ud83d\udccc <strong>\ucc38\uace0 \uc790\ub8cc<\/strong>: <a href=\"https:\/\/react.dev\/\" target=\"_blank\" rel=\"noopener\">React \uacf5\uc2dd \ubb38\uc11c<\/a><\/p><\/blockquote>\n<hr \/>\n<h2 id=\"-4-node-js-express-\"><span class=\"ez-toc-section\" id=\"4%EB%8B%A8%EA%B3%84_%EB%B0%B1%EC%97%94%EB%93%9C_%EA%B8%B0%EC%B4%88_Nodejs_Express\"><\/span><strong>4\ub2e8\uacc4: \ubc31\uc5d4\ub4dc \uae30\ucd08 (Node.js + Express)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\ud504\ub860\ud2b8\uc5d4\ub4dc\ub9cc\uc73c\ub85c\ub294 \uc644\uc131\ub41c \uc11c\ube44\uc2a4\ub97c \ub9cc\ub4e4 \uc218 \uc5c6\ub2e4. <strong>\ubc31\uc5d4\ub4dc<\/strong>\ub97c \uc774\ud574\ud574\uc57c \ud480\uc2a4\ud0dd \uac1c\ubc1c\uc774 \uac00\ub2a5\ud558\ub2e4.<\/p>\n<h3 id=\"-node-js-express-\"><span class=\"ez-toc-section\" id=\"Nodejs_Express%EB%A1%9C_%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0\"><\/span><strong>Node.js + Express\ub85c \uc2dc\uc791\ud558\uae30<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\uc11c\ubc84 \uc0dd\uc131 \ubc0f \ub77c\uc6b0\ud305 \ucc98\ub9ac<\/li>\n<li>REST API \uc124\uacc4 (CRUD \uad6c\ud604)<\/li>\n<li>\ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc5f0\uacb0 (MongoDB or MySQL)<\/li>\n<\/ul>\n<h3 id=\"-\"><span class=\"ez-toc-section\" id=\"%ED%95%99%EC%8A%B5_%EC%B6%94%EC%B2%9C\"><\/span><strong>\ud559\uc2b5 \ucd94\ucc9c<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><strong>\uc778\ud504\ub7f0<\/strong>\uc758 <a href=\"https:\/\/www.inflearn.com\/\" target=\"_blank\" rel=\"noopener\">Node.js \uac15\uc758<\/a><\/li>\n<li><strong>YouTube<\/strong>: <a href=\"https:\/\/www.youtube.com\/@codingapple\" target=\"_blank\" rel=\"noopener\">\ucf54\ub529\uc560\ud50c<\/a><\/li>\n<\/ul>\n<hr \/>\n<h2 id=\"-5-\"><span class=\"ez-toc-section\" id=\"5%EB%8B%A8%EA%B3%84_%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4_%EB%B0%B0%ED%8F%AC\"><\/span><strong>5\ub2e8\uacc4: \ub370\uc774\ud130\ubca0\uc774\uc2a4 &amp; \ubc30\ud3ec<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"-1-\"><span class=\"ez-toc-section\" id=\"1_%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4_%EC%84%A0%ED%83%9D\"><\/span><strong>1. \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc120\ud0dd<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><strong>MongoDB (NoSQL)<\/strong>: \uc720\uc5f0\ud55c \uc2a4\ud0a4\ub9c8, \ucd08\ubcf4\uc790 \uce5c\ud654\uc801<\/li>\n<li><strong>MySQL (SQL)<\/strong>: \uad6c\uc870\ud654\ub41c \ub370\uc774\ud130 \ucc98\ub9ac\uc5d0 \uac15\uc810<\/li>\n<\/ul>\n<h3 id=\"-2-aws-vercel-netlify-\"><span class=\"ez-toc-section\" id=\"2_%ED%81%B4%EB%9D%BC%EC%9A%B0%EB%93%9C_%EB%B0%B0%ED%8F%AC_AWS_Vercel_Netlify\"><\/span><strong>2. \ud074\ub77c\uc6b0\ub4dc \ubc30\ud3ec (AWS, Vercel, Netlify)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><strong>\ud504\ub860\ud2b8\uc5d4\ub4dc<\/strong>: Vercel, Netlify\ub85c \ubb34\ub8cc \ubc30\ud3ec<\/li>\n<li><strong>\ubc31\uc5d4\ub4dc<\/strong>: AWS EC2, Heroku (\uc720\ub8cc\/\ubb34\ub8cc \ud50c\ub79c)<\/li>\n<\/ul>\n<blockquote><p>\ud83d\ude80 <strong>\uc2e4\uc804 \uc5f0\uc2b5<\/strong>: \uac04\ub2e8\ud55c \ube14\ub85c\uadf8 API + \ud504\ub860\ud2b8\uc5d4\ub4dc \uc5f0\uacb0 \ud6c4 \ubc30\ud3ec<\/p><\/blockquote>\n<hr \/>\n<h2 id=\"-6-git-\"><span class=\"ez-toc-section\" id=\"6%EB%8B%A8%EA%B3%84_Git_%ED%98%91%EC%97%85_%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98\"><\/span><strong>6\ub2e8\uacc4: Git \ud611\uc5c5 &amp; \uc54c\uace0\ub9ac\uc998<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"-1-git-branch-pr-merge-\"><span class=\"ez-toc-section\" id=\"1_Git_%EC%A0%84%EB%9E%B5_Branch_PR_Merge\"><\/span><strong>1. Git \uc804\ub7b5 (Branch, PR, Merge)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><strong>GitHub<\/strong>\uc5d0\uc11c \ud300 \ud504\ub85c\uc81d\ud2b8 \uacbd\ud5d8 \uc313\uae30<\/li>\n<li><strong>\ucee8\ubca4\uc158<\/strong> \uc720\uc9c0 (Commit Message \uaddc\uce59)<\/li>\n<\/ul>\n<h3 id=\"-2-leetcode-\"><span class=\"ez-toc-section\" id=\"2_%EC%BD%94%EB%94%A9_%ED%85%8C%EC%8A%A4%ED%8A%B8_%EC%A4%80%EB%B9%84_LeetCode_%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B8%EC%8A%A4\"><\/span><strong>2. \ucf54\ub529 \ud14c\uc2a4\ud2b8 \uc900\ube44 (LeetCode, \ud504\ub85c\uadf8\ub798\uba38\uc2a4)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><strong>\uc790\ub8cc\uad6c\uc870<\/strong>: \ubc30\uc5f4, \uc2a4\ud0dd, \ud050, \ud574\uc2dc<\/li>\n<li><strong>\uc54c\uace0\ub9ac\uc998<\/strong>: \uc815\ub82c, \ud0d0\uc0c9, DP(\ub3d9\uc801 \uacc4\ud68d\ubc95)<\/li>\n<\/ul>\n<hr \/>\n<h2 id=\"-7-\"><span class=\"ez-toc-section\" id=\"7%EB%8B%A8%EA%B3%84_%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4_%EC%9D%B4%EB%A0%A5%EC%84%9C_%EC%B5%9C%EC%A0%81%ED%99%94\"><\/span><strong>7\ub2e8\uacc4: \ud3ec\ud2b8\ud3f4\ub9ac\uc624 &amp; \uc774\ub825\uc11c \ucd5c\uc801\ud654<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"-\"><span class=\"ez-toc-section\" id=\"%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4_%EA%B5%AC%EC%84%B1_%EC%9A%94%EC%86%8C\"><\/span><strong>\ud3ec\ud2b8\ud3f4\ub9ac\uc624 \uad6c\uc131 \uc694\uc18c<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<table>\n<thead>\n<tr>\n<th>\ud56d\ubaa9<\/th>\n<th>\uc124\uba85<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>\ud504\ub85c\uc81d\ud2b8<\/strong><\/td>\n<td>3~4\uac1c\uc758 \uc644\uc131\ub3c4 \ub192\uc740 \uc791\uc5c5\ubb3c<\/td>\n<\/tr>\n<tr>\n<td><strong>GitHub<\/strong><\/td>\n<td>\ucf54\ub4dc \ud004\ub9ac\ud2f0, README \uc791\uc131<\/td>\n<\/tr>\n<tr>\n<td><strong>\uae30\uc220 \ube14\ub85c\uadf8<\/strong><\/td>\n<td>\ud559\uc2b5 \ub0b4\uc6a9 \uc815\ub9ac (Tistory, Velog)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 id=\"-\"><span class=\"ez-toc-section\" id=\"%EC%9D%B4%EB%A0%A5%EC%84%9C_%EC%9E%91%EC%84%B1_%ED%8C%81\"><\/span><strong>\uc774\ub825\uc11c \uc791\uc131 \ud301<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><strong>\uc22b\uc790<\/strong>\ub85c \uc131\uacfc \ud45c\ud604 (\uc608: &#8220;\uc0ac\uc6a9\uc790 \uacbd\ud5d8 \uac1c\uc120\uc73c\ub85c \uccb4\ub958 \uc2dc\uac04 30% \uc99d\uac00&#8221;)<\/li>\n<li><strong>\uac1c\uc778 \ud504\ub85c\uc81d\ud2b8<\/strong> \uac15\uc870 (\uc8fc\uc694 \uae30\ub2a5, \uc0ac\uc6a9 \uae30\uc220 \uba85\uc2dc)<\/li>\n<\/ul>\n<hr \/>\n<h2 id=\"-\"><span class=\"ez-toc-section\" id=\"%EB%A7%88%EB%AC%B4%EB%A6%AC_%EA%BE%B8%EC%A4%80%ED%95%A8%EC%9D%B4_%ED%95%B5%EC%8B%AC%EC%9D%B4%EB%8B%A4\"><\/span><strong>\ub9c8\ubb34\ub9ac: \uafb8\uc900\ud568\uc774 \ud575\uc2ec\uc774\ub2e4<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\uc6f9 \uac1c\ubc1c\uc740 \ub2e8\uae30\uac04\uc5d0 \ub9c8\uc2a4\ud130\ud560 \uc218 \uc788\ub294 \ubd84\uc57c\uac00 \uc544\ub2c8\ub2e4. <strong>\uafb8\uc900\ud55c \ud559\uc2b5<\/strong>\uacfc <strong>\uc2e4\uc804 \ud504\ub85c\uc81d\ud2b8<\/strong>\uac00 \uc911\uc694\ud558\ub2e4. \ube44\uc804\uacf5\uc790\ub3c4 \uccb4\uacc4\uc801\uc73c\ub85c \uc900\ube44\ud558\uba74 \ucda9\ubd84\ud788 \ucde8\uc5c5\ud560 \uc218 \uc788\ub2e4.<\/p>\n<p><strong>\ud83d\ude80 \uc9c0\uae08 \ubc14\ub85c \uc2dc\uc791\ud574\ubcf4\uc790!<\/strong><\/p>\n<ul>\n<li><strong>\uc624\ub298 \ud560 \uc77c<\/strong>: HTML\/CSS\ub85c \uac04\ub2e8\ud55c \ud398\uc774\uc9c0 \ub9cc\ub4e4\uae30<\/li>\n<li><strong>1\uac1c\uc6d4 \ubaa9\ud45c<\/strong>: JavaScript \uae30\ubc18 \ud1a0\uc774 \ud504\ub85c\uc81d\ud2b8 \uc644\uc131<\/li>\n<\/ul>\n<blockquote><p><strong>\ub354 \uc54c\uc544\ubcf4\uae30<\/strong>: <a href=\"https:\/\/okky.kr\/\" target=\"_blank\" rel=\"noopener\">\uad6d\ub0b4 \uac1c\ubc1c\uc790 \ucee4\ubba4\ub2c8\ud2f0 OKKY<\/a>\uc5d0\uc11c \uc9c8\ubb38\ud558\uace0 \ud53c\ub4dc\ubc31 \ubc1b\uc544\ubcf4\uc138\uc694.<\/p><\/blockquote>\n<p>\uc6f9 \uac1c\ubc1c\uc790\ub85c\uc758 \uc5ec\uc815\uc740 \ub3c4\uc804\uc774\uc9c0\ub9cc, <strong>\uc81c\ub300\ub85c \ub41c \uae38\uc744 \ub530\ub77c\uac00\uba74 \ubc18\ub4dc\uc2dc \uc131\uacf5\ud560 \uc218 \uc788\ub2e4<\/strong>. \ud654\uc774\ud305! \ud83d\udcbb\u2728<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc6f9 \uac1c\ubc1c\uc740 \uc804\uacf5\uc790\ubfd0\ub9cc \uc544\ub2c8\ub77c \ube44\uc804\uacf5\uc790\ub3c4 \ucda9\ubd84\ud788 \ub3c4\uc804\ud560 \uc218 \uc788\ub294 \ubd84\uc57c\ub2e4. \ucf54\ub529 \ubd80\ud2b8\ucea0\ud504, \uc628\ub77c\uc778 \uac15\uc758, \ucee4\ubba4\ub2c8\ud2f0 \ud559\uc2b5 \ub4f1 \ub2e4\uc591\ud55c \ubc29\ubc95\uc73c\ub85c \uc6f9 \uac1c\ubc1c\uc744 \ubc30\uc6b8 \uc218 \uc788\ub294 \uc2dc\ub300\ub2e4. \ud558\uc9c0\ub9cc \uccb4\uacc4\uc801\uc778 \ub85c\ub4dc\ub9f5\uc774 \uc5c6\ub2e4\uba74 \ubc29\ud5a5\uc744 \uc783\uae30 \uc27d\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 \ube44\uc804\uacf5\uc790\uac00 \uc6f9 \uac1c\ubc1c\uc790\ub85c \ucde8\uc5c5\ud558\uae30 \uc704\ud574 \ub530\ub77c\uc57c \ud560 7\ub2e8\uacc4 \ud559\uc2b5 \uc21c\uc11c\ub97c \uc81c\uc2dc\ud55c\ub2e4. \ud604\uc5c5 \uac1c\ubc1c\uc790\ub4e4\uc774 \ucd94\ucc9c\ud558\ub294 \ud575\uc2ec \uae30\uc220\ubd80\ud130 \ud3ec\ud2b8\ud3f4\ub9ac\uc624 \uad6c\uc131\ubc95, \ucde8\uc5c5 \uc804\ub7b5\uae4c\uc9c0 \ub2e8\uacc4\ubcc4\ub85c [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":26971,"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-26970","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\/26970","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=26970"}],"version-history":[{"count":2,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/posts\/26970\/revisions"}],"predecessor-version":[{"id":26976,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/posts\/26970\/revisions\/26976"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/media\/26971"}],"wp:attachment":[{"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/media?parent=26970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/categories?post=26970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/tags?post=26970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}