{"id":26992,"date":"2025-04-08T14:57:50","date_gmt":"2025-04-08T07:57:50","guid":{"rendered":"https:\/\/hitek.com.vn\/?p=26992"},"modified":"2026-04-23T16:46:18","modified_gmt":"2026-04-23T09:46:18","slug":"start-web-development","status":"publish","type":"post","link":"https:\/\/hitek.com.vn\/ko\/blog-ko\/start-web-development\/","title":{"rendered":"\ube60\ub974\uac8c \uc6f9 \uac1c\ubc1c\uc744 \uc2dc\uc791\ud558\uba74\uc11c \ub0b4\uac00 \ub193\ucce4\ub358 \uac83\ub4e4"},"content":{"rendered":"<p>\uc18d\ub3c4\ub294 \ud568\uc815\uc774\ub2e4. \uc6b0\ub9ac\ub294 \u2018\ube68\ub9ac\u2019 \ubcf4\uc5ec\uc8fc\uae30 \uc704\ud574 \ubc24\uc744 \uc0c8\uc6b0\uace0, \u2018\ube68\ub9ac\u2019 \ubc30\ud3ec\ud558\uae30 \uc704\ud574 \ub04a\uc784\uc5c6\uc774 \uc0c8\ub85c\uc6b4 <a href=\"https:\/\/stevekinney.com\/courses\/enterprise-ui\/performance-at-scale\" target=\"_blank\" rel=\"noopener\">JavaScript \ud504\ub808\uc784\uc6cc\ud06c<\/a>\ub97c \uc775\ud78c\ub2e4. \uadf8\ub7f0\ub370 \uc5b4\ub290 \uc21c\uac04, \uc6b0\ub9ac\uac00 \ub9cc\ub4e0 \u2018\ube60\ub978\u2019 \uc571\uc774 \uc0ac\uc6a9\uc790\uc758 \uc190\uc5d0\uc11c \ub290\ub824\ud130\uc9c4 \uae30\uc9c0\uac1c\ub97c \ucf1c\uace0 \uc788\ub2e4\ub294 \uc0ac\uc2e4\uc744 \uae68\ub2eb\ub294\ub2e4.<\/p>\n<p>\ub098\ub294 \uacfc\uac70\uc5d0 \u2018\uc8fc\uc758\u2019\ub77c\ub294 \ub9d0\uc744 \uac1c\ubc1c\uc790\uc758 \ubcc0\uba85\uc73c\ub85c \uc5ec\uacbc\ub2e4. \ud558\uc9c0\ub9cc \uc774\uc81c\ub294 \ub9d0\ud55c\ub2e4. \uc9c4\uc9dc \uc2e4\ub825\uc790\ub294 \ucd5c\ucd08 \ucee4\ubc0b\ubd80\ud130 \uc131\ub2a5\uc744 \uacc4\uc0b0\ud558\ub294 \uc0ac\ub78c\uc774\uace0, \ub098\uba38\uc9c0\ub294 \uadf8\uc800 \ubc84\uadf8\ub97c \ubcf5\uc0ac+\ubd99\uc5ec\ub123\uae30 \ud558\ub294 \uc0ac\ub78c\uc774\ub77c\uace0.<\/p>\n<p>\ub9cc\uc57d \ub2f9\uc2e0\uc774 \uc9c0\uae08 \u201c\uc77c\ub2e8 \ub3cc\uc544\uac00\uae30\ub9cc \ud558\uba74 \ub410\uc9c0\u201d\ub77c\ub294 \ub9c8\uc74c\uc73c\ub85c \ucf54\ub4dc\ub97c \uce58\uace0 \uc788\ub2e4\uba74, \uc774 \uae00\uc740 \ub2f9\uc2e0\uc774 \uc55e\uc73c\ub85c 1\ub144 \ud6c4 \ub9c8\uc8fc\uce60 \uc7ac\uc559\uc5d0 \ub300\ud55c \uc608\uc5b8\uc11c\uac00 \ub420 \uac83\uc774\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\/start-web-development\/#%E2%80%98%EB%B0%94%ED%80%B4_%EC%9E%AC%EB%B0%9C%EB%AA%85%EC%9D%98_%EC%9C%A0%ED%98%B9_%EA%B7%B8%EB%A6%AC%EA%B3%A0_%EA%B7%B8_%EB%8C%80%EA%B0%80\" >\u2018\ubc14\ud034 \uc7ac\ubc1c\uba85\u2019\uc758 \uc720\ud639 (\uadf8\ub9ac\uace0 \uadf8 \ub300\uac00)<\/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\/start-web-development\/#%EB%B0%98%EC%9D%91%ED%98%95%EA%B3%BC_%EC%A0%91%EA%B7%BC%EC%84%B1_%EB%AA%BB_%EB%B3%B8_%EC%B2%99_%ED%95%98%EA%B8%B0%EC%97%94_%EB%8B%B9%EC%8B%A0%EC%9D%98_%EB%AA%85%EC%84%B1%EC%9D%B4_%EC%95%84%EA%B9%9D%EB%8B%A4\" >\ubc18\uc751\ud615\uacfc \uc811\uadfc\uc131: \ubabb \ubcf8 \ucc99 \ud558\uae30\uc5d4 \ub2f9\uc2e0\uc758 \uba85\uc131\uc774 \uc544\uae5d\ub2e4<\/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\/start-web-development\/#%EB%A0%8C%EB%8D%94%EB%A7%81_%EC%84%B1%EB%8A%A5%EC%9D%98_%ED%99%98%EC%83%81_React%EA%B0%80_%ED%95%B4%EA%B2%B0%ED%95%B4_%EC%A4%84_%EA%B1%B0%EB%9D%BC_%EB%AF%BF%EC%97%88%EB%8B%A4%EB%A9%B4\" >\ub80c\ub354\ub9c1 \uc131\ub2a5\uc758 \ud658\uc0c1: React\uac00 \ud574\uacb0\ud574 \uc904 \uac70\ub77c \ubbff\uc5c8\ub2e4\uba74?<\/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\/start-web-development\/#%EA%B2%B0%EA%B5%AD_%E2%80%98%EB%B9%A0%EB%A6%84%EC%9D%80_%EC%84%A0%ED%83%9D%EC%9D%B4_%EC%95%84%EB%8B%8C_%EB%B3%B8%EB%8A%A5%EC%9D%B4%EB%8B%A4\" >\uacb0\uad6d, \u2018\ube60\ub984\u2019\uc740 \uc120\ud0dd\uc774 \uc544\ub2cc \ubcf8\ub2a5\uc774\ub2e4<\/a><\/li><\/ul><\/nav><\/div>\n<h2 id=\"-\"><span class=\"ez-toc-section\" id=\"%E2%80%98%EB%B0%94%ED%80%B4_%EC%9E%AC%EB%B0%9C%EB%AA%85%EC%9D%98_%EC%9C%A0%ED%98%B9_%EA%B7%B8%EB%A6%AC%EA%B3%A0_%EA%B7%B8_%EB%8C%80%EA%B0%80\"><\/span>\u2018\ubc14\ud034 \uc7ac\ubc1c\uba85\u2019\uc758 \uc720\ud639 (\uadf8\ub9ac\uace0 \uadf8 \ub300\uac00)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\ube60\ub978 \uac1c\ubc1c\uc758 \uac00\uc7a5 \ud070 \uac70\uc9d3\ub9d0\uc740 \ubc14\ub85c <strong>\u201c\ucc98\uc74c\ubd80\ud130 \ub2e4\uc2dc \ub9cc\ub4dc\ub294 \uac8c \uc624\ud788\ub824 \ube60\ub974\ub2e4\u201d<\/strong> \ub294 \ud658\uc0c1\uc774\ub2e4.<br \/>\n\ubb3c\ub860 <code>npm install<\/code> \ud55c \ubc29\uc5d0 \uac00\uc838\uc624\ub294 \uc218\ubc31 \uac1c\uc758 \ud328\ud0a4\uc9c0\ub294 \ubd84\uba85 \ud3b8\ub9ac\ud558\ub2e4. \ud558\uc9c0\ub9cc \ub2f9\uc2e0\uc774 \ub9cc\ub4e0 \u2018\uac04\ub2e8\ud55c\u2019 \uc571\uc758 <code>node_modules<\/code> \ud3f4\ub354\ub97c \ub72f\uc5b4\ubcf4\uba74, \uadf8 \uad6c\uc870\ub294 \ucc38\uc73c\ub85c \ub208\ubb3c\uacb9\ub2e4. <a href=\"https:\/\/automattic.com\/2026\/02\/17\/server-centric-development\/\" target=\"_blank\" rel=\"noopener\">npm \ub808\uc9c0\uc2a4\ud2b8\ub9ac<\/a>\uc5d0\uc11c \uac00\uc838\uc628 \uac70\ub300\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac \ud558\ub098 \ub54c\ubb38\uc5d0, \ub2f9\uc2e0\uc758 <strong>\ubc88\ub4e4 \uc0ac\uc774\uc988<\/strong>\ub294 \uc21c\uc2dd\uac04\uc5d0 \ubd88\uc5b4\ub09c\ub2e4.<\/p>\n<blockquote><p>\ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ucd94\uac00\ud558\uae30 \uc804\uc5d0 10\ucd08\ub9cc \uc0dd\uac01\ud558\ub77c.<br \/>\n\uadf8 \uae30\ub2a5\uc744 <code>\ubc14\ub2d0\ub77c JS<\/code>\ub85c 10\uc904 \uc548\uc5d0 \uc9e4 \uc218 \uc788\ub2e4\uba74, \ub2f9\uc2e0\uc740 \uc774\ubbf8 \ubcf5\uc7a1\uc131\uc744 \uc774\uae38 \uc218 \uc788\ub294 \ubb34\uae30\ub97c \uc954 \uac83\uc774\ub2e4.<\/p><\/blockquote>\n<p>\ub9cc\uc57d <code>moment.js<\/code> \uac19\uc740 \ubb34\uac70\uc6b4 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ub2e8\uc21c\ud55c \ub0a0\uc9dc \ud3ec\ub9f7\ud305 \ub54c\ubb38\uc5d0 \ucd94\uac00\ud588\ub2e4\uba74, \ub2f9\uc7a5 <code>day.js<\/code>\ub85c \uac08\uc544\ud0c0\ub4e0\uc9c0, \uc9c1\uc811 \ub85c\uc9c1\uc744 \uc791\uc131\ud558\ub77c. \ud604\ub300\uc758 \ud558\ub4dc\uc6e8\uc5b4\ub294 \ub2f9\uc2e0\uc758 \uac8c\uc73c\ub984 \ub54c\ubb38\uc5d0 \ubcd1\ubaa9\uc774 \uc0dd\uae30\uc9c0 \uc54a\ub294\ub2e4. \uc624\uc9c1 \ub2f9\uc2e0\uc758 <strong>\ube44\ud6a8\uc728\uc801\uc778 \uc758\uc874\uc131<\/strong>\ub9cc\uc774 \uadf8\ub7f4 \ubfd0\uc774\ub2e4.<\/p>\n<h2 id=\"-\"><span class=\"ez-toc-section\" id=\"%EB%B0%98%EC%9D%91%ED%98%95%EA%B3%BC_%EC%A0%91%EA%B7%BC%EC%84%B1_%EB%AA%BB_%EB%B3%B8_%EC%B2%99_%ED%95%98%EA%B8%B0%EC%97%94_%EB%8B%B9%EC%8B%A0%EC%9D%98_%EB%AA%85%EC%84%B1%EC%9D%B4_%EC%95%84%EA%B9%9D%EB%8B%A4\"><\/span>\ubc18\uc751\ud615\uacfc \uc811\uadfc\uc131: \ubabb \ubcf8 \ucc99 \ud558\uae30\uc5d4 \ub2f9\uc2e0\uc758 \uba85\uc131\uc774 \uc544\uae5d\ub2e4<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u201cPC\uc5d0\uc11c\ub294 \uc608\uc058\uac8c \uc798 \ubcf4\uc774\ub294\ub370?\u201d<br \/>\n\uc774 \ub9d0\uc740 \ubaa8\ubc14\uc77c \ud658\uacbd\uc5d0\uc11c\ub294 \u2018\ub0b4 \uc0ac\uc774\ud2b8 \ub9dd\uac00\uc84c\ub124\u2019\ub77c\ub294 \uc0ac\uc6a9\uc790\uc758 \uc545\ud3c9\uc73c\ub85c \ub3cc\uc544\uc628\ub2e4. <a href=\"https:\/\/www.sitepoint.com\/common-web-development-mistakes\/\" target=\"_blank\" rel=\"noopener\">\ubaa8\ubc14\uc77c \ud37c\uc2a4\ud2b8 \ub514\uc790\uc778<\/a>\uc740 \ub354 \uc774\uc0c1 \ud2b8\ub80c\ub4dc\uac00 \uc544\ub2c8\ub77c, \uac80\uc0c9 \uc5d4\uc9c4\uc774 \ub2f9\uc2e0\uc744 \ud3c9\uac00\ud558\ub294 \uae30\uc900\uc774\ub2e4.<\/p>\n<p>\ub2f9\uc2e0\uc774 \ub9cc\ub4dc\ub294 \uadf8 \uba4b\uc9c4 \ud638\ubc84 \uc560\ub2c8\uba54\uc774\uc158\uc774 \uc544\uc774\ud3f0 SE \uc0ac\uc6a9\uc790\uc5d0\uac8c\ub294 \uadf8\uc800 \ub290\ub9b0 \uc2a4\ud06c\ub864\uacfc \ub2f5\ub2f5\ud55c \ud130\uce58 \ubc18\uc751\uc73c\ub85c \uae30\uc5b5\ub41c\ub2e4. \uadf8\ub9ac\uace0 \uc811\uadfc\uc131? <code>alt<\/code> \uc18d\uc131 \ud558\ub098 \uc81c\ub300\ub85c \uc548 \ub2ec\uc544\ub3c4, \uc138\uc0c1\uc5d0\ub294 \ub2f9\uc2e0\uc758 \uc571\uc744 \uc0ac\uc6a9\ud558\uc9c0 \ubabb\ud558\ub294 \uc0ac\ub78c\uc774 \uc874\uc7ac\ud55c\ub2e4\ub294 \uc0ac\uc2e4\uc744 \uba85\uc2ec\ud558\ub77c.<\/p>\n<p>CSS \ud504\ub808\uc784\uc6cc\ud06c\uc5d0\ub9cc \uc758\uc874\ud558\uc9c0 \ub9c8\ub77c. \uadf8\ub9ac\ub4dc\ub97c \uc870\uc815\ud558\ub294 \uac74 \uae30\ubcf8\uc774\ub2e4. \uc815\ub9d0 \ud504\ub85c\ub77c\uba74, \ud0a4\ubcf4\ub4dc\ub9cc\uc73c\ub85c\ub3c4 \ubaa8\ub4e0 \ub0b4\ube44\uac8c\uc774\uc158\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294\uc9c0, <a href=\"https:\/\/www.netguru.com\/blog\/common-front-end-mistakes\" target=\"_blank\" rel=\"noopener\">\uc2a4\ud06c\ub9b0 \ub9ac\ub354<\/a>\uac00 \ub2f9\uc2e0\uc758 \ubc84\ud2bc\uc744 \uc81c\ub300\ub85c \uc77d\uc5b4\uc8fc\ub294\uc9c0 \ud655\uc778\ud558\ub77c. \uadf8\uac83\uc774 <strong>\uc720\uc9c0\ubcf4\uc218<\/strong>\uc758 \uc2dc\uc791\uc774\uc790, \uc9c4\uc815\ud55c <strong>\uc804\ubb38\uc131<\/strong>\uc758 \uc99d\uac70\ub2e4.<\/p>\n<table>\n<thead>\n<tr>\n<th style=\"text-align: left;\">\ub193\uce58\uae30 \uc26c\uc6b4 \uc694\uc18c<\/th>\n<th style=\"text-align: left;\">\ube60\ub978 \uac1c\ubc1c\uc758 \uc2e4\uc218<\/th>\n<th style=\"text-align: left;\">\uc131\ub2a5 \ubc0f \ud3c9\ud310\uc5d0 \ubbf8\uce58\ub294 \uc601\ud5a5<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"text-align: left;\"><strong>\uc790\uc0b0 \ucd5c\uc801\ud654<\/strong><\/td>\n<td style=\"text-align: left;\">4MB PNG\ub97c \uadf8\ub300\ub85c<br \/>\n\uc6f9\uc5d0 \uc5c5\ub85c\ub4dc<\/td>\n<td style=\"text-align: left;\"><strong>\ub85c\ub529 \uc18d\ub3c4<\/strong> \ud3ed\ub77d, \ubc29\ubb38\uc790 \uc774\ud0c8\ub960 90% \u2191<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\"><strong>\uba54\ubaa8\ub9ac \ub204\uc218<\/strong><\/td>\n<td style=\"text-align: left;\">\uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108\ub97c<br \/>\n\ud574\uc81c\ud558\uc9c0 \uc54a\uc74c<\/td>\n<td style=\"text-align: left;\">\uc7a5\uc2dc\uac04 \uc0ac\uc6a9 \uc2dc \ud0ed \uac15\uc81c \uc885\ub8cc,<br \/>\n<strong>INP<\/strong> \uc9c0\ud45c \uc545\ud654<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\"><strong>CSS \ubc29\ubc95\ub860<\/strong><\/td>\n<td style=\"text-align: left;\"><code>!important<\/code> \ub0a8\ubc1c \ubc0f<br \/>\n\uc120\ud0dd\uc790 \ub0a8\uc6a9<\/td>\n<td style=\"text-align: left;\">\uc2a4\ud0c0\uc77c \ucda9\ub3cc, \uc720\uc9c0\ubcf4\uc218 \uc9c0\uc625, <strong>\ub80c\ub354\ub9c1 \ucc28\ub2e8<\/strong><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\"><strong>\uc774\ubbf8\uc9c0 \ud06c\uae30<\/strong><\/td>\n<td style=\"text-align: left;\">\ubb3c\ub9ac\uc801 \uc0ac\uc774\uc988\uc640<br \/>\n\ub2e4\uc6b4\ub85c\ub4dc \uc0ac\uc774\uc988 \ubd88\uc77c\uce58<\/td>\n<td style=\"text-align: left;\">\uc378\ub124\uc77c\uc778\ub370 \ud480HD \uc0ac\uc9c4\uc744 \ubc1b\ub294<br \/>\n\ub370\uc774\ud130 \ub0ad\ube44<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"-react-\"><span class=\"ez-toc-section\" id=\"%EB%A0%8C%EB%8D%94%EB%A7%81_%EC%84%B1%EB%8A%A5%EC%9D%98_%ED%99%98%EC%83%81_React%EA%B0%80_%ED%95%B4%EA%B2%B0%ED%95%B4_%EC%A4%84_%EA%B1%B0%EB%9D%BC_%EB%AF%BF%EC%97%88%EB%8B%A4%EB%A9%B4\"><\/span>\ub80c\ub354\ub9c1 \uc131\ub2a5\uc758 \ud658\uc0c1: React\uac00 \ud574\uacb0\ud574 \uc904 \uac70\ub77c \ubbff\uc5c8\ub2e4\uba74?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\uac00\uc7a5 \ubf08\uc544\ud508 \uace0\ubc31\uc744 \ud558\ub098 \ud558\uc790\uba74, \uc544\ubb34\ub9ac React\ub098 \ucd5c\uc2e0 \ud234\uc744 \uc368\ub3c4, <strong>\ub354\ud2f0\ud55c \ucf54\ub4dc<\/strong>\ub294 \uacb0\uad6d \uc0ac\uc6a9\uc790\uc758 CPU\ub97c \uac09\uc544\uba39\ub294\ub2e4.<\/p>\n<p>\ub9ce\uc740 \uc8fc\ub2c8\uc5b4 \uac1c\ubc1c\uc790\ub4e4\uc774 \ucc29\uac01\ud558\ub294 \uac8c \uc788\ub2e4. \ubc14\ub85c <strong>\uc7ac\uc870\uc815<\/strong> \uac19\uc740 \ud504\ub808\uc784\uc6cc\ud06c\uc758 \ub9c8\ubc95\uc774 \ubaa8\ub4e0 \uac78 \uace0\uccd0\uc904 \uac70\ub77c\ub294 \ubbff\uc74c\uc774\ub2e4. \ud558\uc9c0\ub9cc \ud604\uc2e4\uc740 \ub0c9\ud639\ud558\ub2e4. \uac70\ub300\ud55c \ub9ac\uc2a4\ud2b8\ub97c <code>map()<\/code> \ud568\uc218\ub85c \ubb34\uc2dd\ud558\uac8c \ub80c\ub354\ub9c1\ud558\uace0, <code>useCallback<\/code> \ud558\ub098 \uc5c6\uc774 \ucef4\ud3ec\ub10c\ud2b8\ub97c \ub358\uc838\ub193\uc73c\uba74, \ub2f9\uc2e0\uc758 \uc571\uc740 \uacb0\uad6d \u2018\ub2c8\uc57c? \ub2c8\uc57c?\u2019 \ud558\uba70 \ubd88\ud544\uc694\ud55c \uc7ac\ub80c\ub354\ub9c1\uc744 \ubc18\ubcf5\ud55c\ub2e4.<\/p>\n<p>\uc9c4\uc815\ud55c <strong>\uc6f9 \ud37c\ud3ec\uba3c\uc2a4<\/strong>\ub294 50ms\uc758 \uc2f8\uc6c0\uc774\ub2e4.<\/p>\n<ul>\n<li>\uc0ac\uc6a9\uc790\uac00 \uc2a4\ud06c\ub864\ud560 \ub54c\ub9c8\ub2e4 \uc0c8\ub85c\uc6b4 \ub370\uc774\ud130\ub97c \ubc1b\uc544\uc624\ub294\uac00?<\/li>\n<li>\ud14c\uc774\ube14\uc5d0 1,000\uac1c\uc758 Row\uac00 \uc788\ub2e4\uba74, \ub2f9\uc7a5 <strong>\uac00\uc0c1\ud654<\/strong> \uae30\uc220(<code>react-window<\/code> \ub4f1)\uc744 \uc801\uc6a9\ud588\ub294\uac00?<\/li>\n<\/ul>\n<p>\ub2f9\uc2e0\uc774 <strong>\uc0c1\ud638\uc791\uc6a9<\/strong>\uc758 \uac00\uce58\ub97c \ubb34\uc2dc\ud558\ub294 \uc21c\uac04, \uc0ac\uc6a9\uc790\ub294 \uadf8 \ubc84\ubc85\uc784\uc744 \uc778\ub0b4\uc2ec\uc774 \uc544\ub2c8\ub77c \u2018\uac1c\ubc1c\uc790\uc758 \ubb34\ub2a5\u2019\uc774\ub77c\uace0 \uc815\uc758\ud55c\ub2e4.<\/p>\n<h2 id=\"-\"><span class=\"ez-toc-section\" id=\"%EA%B2%B0%EA%B5%AD_%E2%80%98%EB%B9%A0%EB%A6%84%EC%9D%80_%EC%84%A0%ED%83%9D%EC%9D%B4_%EC%95%84%EB%8B%8C_%EB%B3%B8%EB%8A%A5%EC%9D%B4%EB%8B%A4\"><\/span>\uacb0\uad6d, \u2018\ube60\ub984\u2019\uc740 \uc120\ud0dd\uc774 \uc544\ub2cc \ubcf8\ub2a5\uc774\ub2e4<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\ube60\ub978 \uac1c\ubc1c\uc740 \uc88b\uc740 \ucd9c\ubc1c\uc810\uc774\ub2e4. \ud558\uc9c0\ub9cc \uadf8\ub85c \uc778\ud574 <strong>\ucf54\ub4dc \uad6c\uc870<\/strong>\uc758 \uacac\uace0\ud568\uc774\ub098 <strong>\ubcf4\uc548<\/strong> \uc124\uc815\uc744 \uc18c\ud640\ud788 \ud588\ub2e4\uba74, \ub2f9\uc2e0\uc740 \uac00\uc9dc \u2018\uc0dd\uc0b0\uc131\u2019\uc5d0 \uc18d\uc740 \uac83\uc774\ub2e4.<\/p>\n<p>\uac1c\ubc1c\uc790\ub85c\uc11c \uacb8\uc190\ud574\uc838\ub77c. \ud558\uc9c0\ub9cc \ucf54\ub4dc\uc5d0 \ub300\ud574\uc11c\ub294 \uc808\ub300 \ud0c0\ud611\ud558\uc9c0 \ub9c8\ub77c. \ub2f9\uc2e0\uc774 \uc624\ub298 \ubc24\uc0c8 \ub9cc\ub4e0 \uadf8 \uae30\ub2a5\uc740, 3\uac1c\uc6d4 \ud6c4\uc758 \ub2f9\uc2e0\uc774 \ubcf4\uae30\uc5d0 \u2018\ub808\uac70\uc2dc\u2019\uc77c \ud655\ub960\uc774 \ub192\ub2e4. \uadf8\ub54c\uc758 \ub2f9\uc2e0\uc774 \ud6c4\ud68c\ud558\uc9c0 \uc54a\uc73c\ub824\uba74, \uc9c0\uae08 \u2018\ub9ac\ud329\ud1a0\ub9c1\u2019\uc774\ub77c\ub294 \uc9c0\ub8e8\ud55c \uc791\uc5c5\uc744 \uc0ac\ub791\ud574\uc57c \ud55c\ub2e4.<\/p>\n<p><strong>\ucd5c\uc885 \uc120\uc5b8\ubb38:<\/strong><br \/>\n\ub2f9\uc2e0\uc758 \uc6f9\uc0ac\uc774\ud2b8 \uc18d\ub3c4\uac00 \ub290\ub9ac\ub2e4\ub294 \ud551\uacc4\ub294, \uc798 \ub4e3\ub294 \ubc95\uc744 \ubc30\uc6b0\uc9c0 \ubabb\ud55c \uac00\uc218\uc758 \ud551\uacc4\uc640 \uac19\ub2e4.<br \/>\n\ub290\ub9bc\uc740 \ubc84\uadf8\uac00 \uc544\ub2c8\ub2e4. \uadf8\uac83\uc740 \uc2e4\ud328\ud55c \uacb0\uacfc\ub2e4. \uc9c0\uae08 \ub2f9\uc7a5 \ub2f9\uc2e0\uc758 <a href=\"https:\/\/www.sitepoint.com\/community\/t\/how-are-developers-balancing-performance-and-features-in-modern-web-apps\/483771\/4\" target=\"_blank\" rel=\"noopener\">Lighthouse \uc810\uc218<\/a>\ub97c \ud655\uc778\ud558\ub77c. \uadf8\ub9ac\uace0 \ubd80\ub044\ub7fd\ub2e4\uba74, \uc774 \uae00\uc744 \uc800\uc7a5\ud558\uace0 \ub0b4\uc77c \uc544\uce68\ubd80\ud130 \ub2e4\uc2dc \uc9dc\ub77c.<\/p>\n<hr \/>\n<p><strong>\ub2f9\uc2e0\uc758 \uacbd\ud5d8\uc740 \uc5b4\ub5a4\uac00\uc694?<\/strong><br \/>\n\ub2f9\uc2e0\uc774 \ube60\ub978 \uac1c\ubc1c\uc744 \ud558\uba74\uc11c \uac00\uc7a5 \u2018\ubf08\uc544\ud320\ub358\u2019 \uc2e4\uc218\ub294 \ubb34\uc5c7\uc778\uac00\uc694? \uc544\ub2c8\uba74 \u2018\uc774\uac74 \uc9c4\uc9dc \uba85\uc911\uc774\ub2e4!\u2019 \uc2f6\uc5c8\ub358 \ucd5c\uc801\ud654 \ud301\uc774 \uc788\ub2e4\uba74 \ub313\uae00\ub85c \ub0a8\uaca8\uc8fc\uc138\uc694. \ud568\uaed8 \uc0bd\uc9c8\uc744 \uc904\uc785\uc2dc\ub2e4.<\/p>\n<p><em>\uad00\ub828 \ud0dc\uadf8: #\uc6f9\uac1c\ubc1c #\uc131\ub2a5\ucd5c\uc801\ud654 #\uac1c\ubc1c\uc790\uacbd\ud5d8 #\ud504\ub860\ud2b8\uc5d4\ub4dc #SEO<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc18d\ub3c4\ub294 \ud568\uc815\uc774\ub2e4. \uc6b0\ub9ac\ub294 \u2018\ube68\ub9ac\u2019 \ubcf4\uc5ec\uc8fc\uae30 \uc704\ud574 \ubc24\uc744 \uc0c8\uc6b0\uace0, \u2018\ube68\ub9ac\u2019 \ubc30\ud3ec\ud558\uae30 \uc704\ud574 \ub04a\uc784\uc5c6\uc774 \uc0c8\ub85c\uc6b4 JavaScript \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uc775\ud78c\ub2e4. \uadf8\ub7f0\ub370 \uc5b4\ub290 \uc21c\uac04, \uc6b0\ub9ac\uac00 \ub9cc\ub4e0 \u2018\ube60\ub978\u2019 \uc571\uc774 \uc0ac\uc6a9\uc790\uc758 \uc190\uc5d0\uc11c \ub290\ub824\ud130\uc9c4 \uae30\uc9c0\uac1c\ub97c \ucf1c\uace0 \uc788\ub2e4\ub294 \uc0ac\uc2e4\uc744 \uae68\ub2eb\ub294\ub2e4. \ub098\ub294 \uacfc\uac70\uc5d0 \u2018\uc8fc\uc758\u2019\ub77c\ub294 \ub9d0\uc744 \uac1c\ubc1c\uc790\uc758 \ubcc0\uba85\uc73c\ub85c \uc5ec\uacbc\ub2e4. \ud558\uc9c0\ub9cc \uc774\uc81c\ub294 \ub9d0\ud55c\ub2e4. \uc9c4\uc9dc \uc2e4\ub825\uc790\ub294 \ucd5c\ucd08 \ucee4\ubc0b\ubd80\ud130 \uc131\ub2a5\uc744 \uacc4\uc0b0\ud558\ub294 \uc0ac\ub78c\uc774\uace0, \ub098\uba38\uc9c0\ub294 \uadf8\uc800 \ubc84\uadf8\ub97c \ubcf5\uc0ac+\ubd99\uc5ec\ub123\uae30 \ud558\ub294 \uc0ac\ub78c\uc774\ub77c\uace0. \ub9cc\uc57d [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":26993,"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-26992","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\/26992","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=26992"}],"version-history":[{"count":3,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/posts\/26992\/revisions"}],"predecessor-version":[{"id":34708,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/posts\/26992\/revisions\/34708"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/media\/26993"}],"wp:attachment":[{"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/media?parent=26992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/categories?post=26992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hitek.com.vn\/ko\/wp-json\/wp\/v2\/tags?post=26992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}