{"id":478,"date":"2026-08-21T00:04:06","date_gmt":"2026-08-21T00:04:06","guid":{"rendered":"https:\/\/gilnas.synology.me\/wordpress\/478\/"},"modified":"2026-08-21T00:04:06","modified_gmt":"2026-08-21T00:04:06","slug":"%ea%b0%9c%eb%b0%9c-%eb%a3%a8%ed%94%84%ec%99%80-%ec%84%9c%eb%b2%84-%ea%b2%bd%ea%b3%84-vite%c2%b7h3%c2%b7devtools%c2%b7vitest-%ec%a0%90%ea%b2%80-frontend-operations-across-nuxt-vite-and-h3","status":"publish","type":"post","link":"https:\/\/gilnas.synology.me\/wordpress\/478\/","title":{"rendered":"\uac1c\ubc1c \ub8e8\ud504\uc640 \uc11c\ubc84 \uacbd\uacc4: Vite\u00b7H3\u00b7DevTools\u00b7Vitest \uc810\uac80 | Frontend Operations Across Nuxt, Vite and H3"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/gilnas.synology.me\/wordpress\/wp-content\/uploads\/2026\/08\/nuxt-trend-hero-19.png\" alt=\"\uac1c\ubc1c \ub8e8\ud504\uc640 \uc11c\ubc84 \uacbd\uacc4: Vite\u00b7H3\u00b7DevTools\u00b7Vitest \uc810\uac80 | Frontend Operations Across Nuxt, Vite and H3\" \/><\/figure>\n<p><strong>\uc694\uc57d:<\/strong> 2026\ub144 8\uc6d4 18~21\uc77c KST\uc758 Nuxt\u00b7Vue\u00b7Vite\u00b7Nitro \uc0dd\ud0dc\uacc4\ub294 \uc0c8 \uba54\uc774\uc800 \uc804\ud658\ubcf4\ub2e4 <strong>Vite \uac1c\ubc1c \uc11c\ubc84 \uc548\uc815\ud654, H3 RC\uc758 \uacbd\ub85c\u00b7\ud504\ub85d\uc2dc \ubc29\uc5b4, Nuxt DevTools 4 \uc54c\ud30c\uc758 \ud638\ud658\uc131 \ubcc0\ud654, \ud14c\uc2a4\ud2b8 \uaca9\ub9ac \uac15\ud654<\/strong>\uac00 \ub3d9\uc2dc\uc5d0 \uc9c4\ud589\ub41c 3\uc77c\uc774\uc5c8\ub2e4. Nuxt \ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790\ub294 \uc774\ubc88 \uc8fc \ubc30\ud3ec \uc804 Vite HMR\u00b7\uc18c\uc2a4\ub9f5, \uc11c\ubc84 \uacbd\ub85c \uaddc\uce59, DevTools CJS \uc758\uc874\uc131, Vitest mock \uc815\ucc45\uc744 \ud568\uaed8 \uc810\uac80\ud558\ub294 \ud3b8\uc774 \uc548\uc804\ud558\ub2e4.<\/p>\n<h2>\ud575\uc2ec \ub2f5\ubcc0: \uc9c0\uae08 Nuxt \ud300\uc774 \uba3c\uc800 \ud560 \uc77c<\/h2>\n<p><strong>\uacb0\ub860\ubd80\ud130 \ub9d0\ud558\uba74<\/strong>, \ud504\ub85c\ub355\uc158 \uc758\uc874\uc131\uc740 \uc548\uc815 \ub9b4\ub9ac\uc988\uc778 <a href=\"https:\/\/github.com\/vitejs\/vite\/releases\/tag\/v8.2.2\" target=\"_blank\" rel=\"noopener\">Vite 8.2.2<\/a>\uc640 <a href=\"https:\/\/github.com\/vitest-dev\/vitest\/releases\/tag\/v4.1.11\" target=\"_blank\" rel=\"noopener\">Vitest 4.1.11<\/a>\uc758 \ud68c\uadc0 \ubc94\uc704\ub97c CI\uc5d0\uc11c \ud655\uc778\ud558\uace0, H3 2.0 RC \ubc0f Nuxt DevTools 4 \uc54c\ud30c\ub294 \ubcc4\ub3c4 \ube0c\ub79c\uce58\uc5d0\uc11c \uac80\uc99d\ud574\uc57c \ud55c\ub2e4. H3 RC\uc5d0\ub294 \ud504\ub85d\uc2dc\u00b7\uc815\uc801 \uacbd\ub85c\u00b7forwarded header \ucc98\ub9ac\uc640 \uad00\ub828\ub41c \ubc29\uc5b4 \ubcc0\uacbd\uc774 \ud3ec\ud568\ub410\uc9c0\ub9cc, RC\ub77c\ub294 \uc0c1\ud0dc \uc790\uccb4\uac00 \uc989\uc2dc \uc6b4\uc601 \uc804\ud658 \uadfc\uac70\ub294 \uc544\ub2c8\ub2e4. Nuxt \ucf54\uc5b4\ub3c4 \uc774 \uae30\uac04\uc5d0 hydration\uacfc Nitro \ubc84\uc804 \uc720\ud2f8\ub9ac\ud2f0\ub97c \uc190\ubcf4\ub294 <em>main \ube0c\ub79c\uce58 \uc791\uc5c5<\/em>\uc744 \uc9c4\ud589\ud588\uc73c\uba70 \uc544\uc9c1 \ubc30\ud3ec \uac00\ub2a5\ud55c Nuxt \ub9b4\ub9ac\uc988\ub85c \ubc1c\ud45c\ub41c \uac83\uc740 \uc544\ub2c8\ub2e4.<\/p>\n<ul>\n<li><strong>\ubc30\ud3ec \uc804:<\/strong> Vite 8.2.2\uc5d0\uc11c HMR \uc21c\ud658 import\uc640 sourcemap \uacbd\ub85c\uac00 \ud504\ub85c\uc81d\ud2b8 \ud50c\ub7ec\uadf8\uc778\u00b7\ubaa8\ub178\ub808\ud3ec\uc5d0\uc11c \uc815\uc0c1\uc778\uc9c0 \ud655\uc778\ud55c\ub2e4.<\/li>\n<li><strong>\uc11c\ubc84 \uacbd\uacc4:<\/strong> H3 RC\ub97c \uc2e4\ud5d8\ud55c\ub2e4\uba74 \ud504\ub85d\uc2dc \ub300\uc0c1, \ub2e4\uc911 \uc2ac\ub798\uc2dc URL, <code>x-forwarded-*<\/code> \uc2e0\ub8b0 \uc815\ucc45\uc744 \uc7ac\uac80\ud1a0\ud55c\ub2e4.<\/li>\n<li><strong>\ub3c4\uad6c \uccb4\uc778:<\/strong> DevTools 4 \uc54c\ud30c\ub294 CJS \ube4c\ub4dc\ub97c \uc81c\uac70\ud588\uc73c\ubbc0\ub85c CommonJS \ub85c\ub354\ub098 \uc624\ub798\ub41c \ud0c0\uc785 \uacbd\ub85c\uc5d0 \uae30\ub300\ub294 \uc790\ub3d9\ud654\ubd80\ud130 \ucc3e\ub294\ub2e4.<\/li>\n<\/ul>\n<h2>3\uc77c \uacb0\ub860: \ud504\ub860\ud2b8\uc5d4\ub4dc \uc6b4\uc601\uc758 \uc911\uc2ec\uc740 \u2018\uac1c\ubc1c \ub8e8\ud504 + \uc11c\ubc84 \uc785\ub825 \uacbd\uacc4\u2019<\/h2>\n<p>\uc774\ubc88 72\uc2dc\uac04\uc758 \ud655\uc778\ub41c \ud750\ub984\uc740 \ub2e8\uc21c\ud55c \ud328\uce58 \ubaa8\uc74c\uc774 \uc544\ub2c8\ub2e4. \ud074\ub77c\uc774\uc5b8\ud2b8 \uac1c\ubc1c \ub8e8\ud504\uc5d0\uc11c\ub294 Vite\uac00 HMR \uc21c\ud658 import, \ubc88\ub4e4 \uac1c\ubc1c \uc11c\ubc84 \uc624\ub958, sourcemap \ud574\uc11d\uc744 \ubcf4\uc644\ud588\uace0, \uc11c\ubc84 \ub7f0\ud0c0\uc784 \uacc4\uce35\uc5d0\uc11c\ub294 H3\uac00 route rule\u00b7\ud504\ub85d\uc2dc\u00b7\uacbd\ub85c \uc815\uaddc\ud654\u00b7\ud5e4\ub354 \uc2e0\ub8b0 \uacbd\uacc4\ub97c \ub2e4\ub4ec\uc5c8\ub2e4. \uc5ec\uae30\uc5d0 DevTools\uc640 \ud14c\uc2a4\ud2b8 \ub3c4\uad6c\uac00 \uc758\uc874\uc131 \ubc0f \uaca9\ub9ac \uaddc\uce59\uc744 \uc870\uc815\ud558\uba74\uc11c, Nuxt \uc571\uc758 \ud488\uc9c8\uc740 \u2018\ube4c\ub4dc \uc131\uacf5\u2019\ub9cc\uc774 \uc544\ub2c8\ub77c \ub85c\uceec \uac1c\ubc1c\u00b7SSR\u00b7\ud504\ub85d\uc2dc\u00b7\ube0c\ub77c\uc6b0\uc800 \ud14c\uc2a4\ud2b8\uae4c\uc9c0 \uc774\uc5b4\uc9c0\ub294 \uc5f0\uacb0\uc810\uc5d0\uc11c \uacb0\uc815\ub41c\ub2e4\ub294 \uc810\uc774 \ub354 \ubd84\uba85\ud574\uc84c\ub2e4.<\/p>\n<h2>1. Vite 8.2.2: HMR\uacfc \ub514\ubc84\uae45 \uacbd\ub85c\uc758 \uc548\uc815\ud654\uac00 \uc815\uc2dd \ubc30\ud3ec\ub428<\/h2>\n<h3>\ud655\uc778\ub41c \uc0ac\uc2e4<\/h3>\n<p>Vite\ub294 8\uc6d4 20\uc77c <a href=\"https:\/\/github.com\/vitejs\/vite\/releases\/tag\/v8.2.2\" target=\"_blank\" rel=\"noopener\">v8.2.2<\/a>\ub97c \uc815\uc2dd \ub9b4\ub9ac\uc988\ud588\ub2e4. \uacf5\uc2dd <a href=\"https:\/\/github.com\/vitejs\/vite\/blob\/v8.2.2\/packages\/vite\/CHANGELOG.md\" target=\"_blank\" rel=\"noopener\">CHANGELOG<\/a>\uc5d0\ub294 bundled-dev\uc5d0\uc11c lazy request error\ub97c \ucc98\ub9ac\ud558\uace0, \uc21c\ud658 import\uc5d0\uc11c \uc804\uccb4 reload \ub300\uc2e0 hot update\ub97c \uc218\ud589\ud558\ub3c4\ub85d \uace0\uce5c \ub0b4\uc6a9, sourcemap \uc704\uce58 \uae30\uc900\uc758 \uacbd\ub85c \ud574\uc11d, Lightning CSS\uc758 \ube48 target \ucc98\ub9ac \uc218\uc815\uc774 \uae30\ub85d\ub3fc \uc788\ub2e4. module-runner\uc758 \uc21c\ud658 \uac10\uc9c0 \ubcf4\uc815\uacfc Rolldown \uad00\ub828 \uc758\uc874\uc131 \uac31\uc2e0\ub3c4 \ud3ec\ud568\ub41c\ub2e4.<\/p>\n<h3>\uc65c Nuxt \uac1c\ubc1c\uc790\uc5d0\uac8c \uc911\uc694\ud55c\uac00<\/h3>\n<p>Nuxt\uc758 \uac1c\ubc1c \uc11c\ubc84\uc640 SSR \ub514\ubc84\uae45\uc740 Vite\uc758 \ubaa8\ub4c8 \uadf8\ub798\ud504\uc640 \uc18c\uc2a4\ub9f5\uc5d0 \uc5f0\uacb0\ub41c\ub2e4. \ub530\ub77c\uc11c \uc21c\ud658 \uc758\uc874\uc131\uc774 \uc788\ub294 composable\u00b7\ud50c\ub7ec\uadf8\uc778, \uc2ec\ubcfc\ub9ad \ub9c1\ud06c\ub97c \uc4f0\ub294 \uc6cc\ud06c\uc2a4\ud398\uc774\uc2a4, \uc624\ub958 \ucd94\uc801 \ub3c4\uad6c\ub97c \uc0ac\uc6a9\ud558\ub294 \ud300\uc740 \u2018\uc5c5\ub370\uc774\ud2b8 \ud6c4 \ube68\ub77c\uc9c8 \uac83\u2019\uc774\ub77c\uace0 \uac00\uc815\ud558\uae30\ubcf4\ub2e4 HMR\uc774 \uc0c1\ud0dc\ub97c \ubcf4\uc874\ud558\ub294\uc9c0\uc640 \uc2a4\ud0dd \ud2b8\ub808\uc774\uc2a4\uac00 \uc6d0\ubcf8 \ud30c\uc77c\uc744 \uac00\ub9ac\ud0a4\ub294\uc9c0\ub97c \ud655\uc778\ud574\uc57c \ud55c\ub2e4. \uc774\ub294 \uacf5\uc2dd \ubcc0\uacbd \ub85c\uadf8\uc5d0 \uadfc\uac70\ud55c \uc2e4\ubb34\uc801 \uac80\uc99d \uc81c\uc548\uc774\uba70, \ubaa8\ub4e0 Nuxt \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \uc131\ub2a5 \ud5a5\uc0c1\uc774 \ubcf4\uc7a5\ub41c\ub2e4\ub294 \ub73b\uc740 \uc544\ub2c8\ub2e4.<\/p>\n<h2>2. H3 2.0.1 RC 27~29: route rule \uae30\ub2a5\uacfc \uc785\ub825 \uacbd\uacc4 \ubc29\uc5b4\uac00 \ud568\uaed8 \uc804\uc9c4<\/h2>\n<h3>\ud655\uc778\ub41c \uc0ac\uc2e4<\/h3>\n<p>H3\ub294 8\uc6d4 19~20\uc77c <a href=\"https:\/\/github.com\/h3js\/h3\/releases\/tag\/v2.0.1-rc.27\" target=\"_blank\" rel=\"noopener\">v2.0.1-rc.27<\/a>, <a href=\"https:\/\/github.com\/h3js\/h3\/releases\/tag\/v2.0.1-rc.28\" target=\"_blank\" rel=\"noopener\">rc.28<\/a>, <a href=\"https:\/\/github.com\/h3js\/h3\/releases\/tag\/v2.0.1-rc.29\" target=\"_blank\" rel=\"noopener\">rc.29<\/a>\ub97c \uc5f0\uc774\uc5b4 \uacf5\uac1c\ud588\ub2e4. rc.27\uc740 \uc0c8 route rules \uc5d4\uc9c4\uacfc session\uc758 opt-in <code>idleTimeout<\/code>\uc744 \ucd94\uac00\ud558\uba74\uc11c JSON-RPC content-type\u00b7origin\u00b7batch \uc81c\ud55c, proxy\uc758 \ub0b4\ubd80 \ub300\uc0c1 \uc720\uc9c0, forwarded header \ubc0f host \uae30\ubc18 URL \ud569\uc131 \uad00\ub828 \uc218\uc815\uc744 \ud3ec\ud568\ud55c\ub2e4. rc.28\uc740 \uc120\ud589 \uad6c\ubd84\uc790\ub85c route guard\uac00 \uc6b0\ud68c\ub418\ub294 \uacbd\ub85c, \ub0b4\ubd80 proxy target\uc758 \ud0ed\u00b7\uac1c\ud589, \ube44\uc815\uaddc pathname\uc744 \uc218\uc815\ud588\uc73c\uba70, rc.29\ub294 \uc751\ub2f5 \uc7ac\uad6c\uc131 \ub4a4\uc5d0\ub3c4 WebSocket hook\uc5d0 \ub3c4\ub2ec\ud558\ub3c4\ub85d \ubcf4\uc644\ud588\ub2e4.<\/p>\n<h3>\uc2e4\ubb34 \ud574\uc11d<\/h3>\n<p>\uc774\ub294 Nuxt\/Nitro \uc11c\ubc84\uc758 \uc7a5\uae30\uc801 \uae30\ubc18\uacfc \ubc00\uc811\ud55c \ubcc0\ud654\uc9c0\ub9cc, <strong>H3 2.0\uc740 RC<\/strong>\ub2e4. \uc774\ubc88 \ub9ac\ud3ec\ud2b8\ub294 \uc774\ub97c Nuxt\uc758 \uc548\uc815 \ubc84\uc804 \uc5c5\uadf8\ub808\uc774\ub4dc \uc9c0\uc2dc\ub85c \ud574\uc11d\ud558\uc9c0 \uc54a\ub294\ub2e4. \ub300\uc2e0 reverse proxy \ub4a4\uc5d0\uc11c \ub3d9\uc791\ud558\ub294 \uc571\uc774\ub77c\uba74 URL \uc815\uaddc\ud654 \ud14c\uc2a4\ud2b8, \uc2e0\ub8b0 \ud504\ub85d\uc2dc \uc124\uc815, redirect\/proxy allowlist, WebSocket \uc5c5\uadf8\ub808\uc774\ub4dc \ud68c\uadc0 \ud14c\uc2a4\ud2b8\ub97c \ubcf4\uac15\ud560 \uc2e0\ud638\ub85c \ubcf8\ub2e4. \ud2b9\ud788 \ud074\ub77c\uc774\uc5b8\ud2b8\uac00 \uc81c\uacf5\ud55c <code>x-forwarded-*<\/code>\ub97c \ubb34\ube44\ud310\uc801\uc73c\ub85c \uc2e0\ub8b0\ud558\uc9c0 \uc54a\ub294\ub2e4\ub294 \uc6d0\uce59\uc740 \ud504\ub808\uc784\uc6cc\ud06c \ubc84\uc804\uacfc \ubb34\uad00\ud558\uac8c \uc801\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/p>\n<h2>3. Nuxt DevTools 4 \uc54c\ud30c: \uad00\ucc30\uc131\uc740 \uac15\ud654\ub418\uace0 CJS \ud638\ud658\uc131\uc740 \uc904\uc5b4\ub4e0\ub2e4<\/h2>\n<h3>\ud655\uc778\ub41c \uc0ac\uc2e4<\/h3>\n<p><a href=\"https:\/\/github.com\/nuxt\/devtools\/releases\/tag\/v4.0.0-alpha.11\" target=\"_blank\" rel=\"noopener\">Nuxt DevTools v4.0.0-alpha.11<\/a>\uc740 Vite DevTools\u00b7Devframe \uc758\uc874\uc131 \uc804\ud658, <code>dataInspector<\/code> \uc635\uc158\uacfc lazy-load integration, <code>DO_NOT_TRACK<\/code> \uc874\uc911\uc744 \ucd94\uac00\ud588\ub2e4. \ub2e4\uc74c \ub0a0\uc758 <a href=\"https:\/\/github.com\/nuxt\/devtools\/releases\/tag\/v4.0.0-alpha.12\" target=\"_blank\" rel=\"noopener\">alpha.12<\/a>\ub294 CJS build\uc640 legacy dts \ud30c\uc77c\uc744 \uc81c\uac70\ud558\uace0 Vite DevTools 0.5.1 \ubc0f runtime dependency \uacbd\ub7c9\ud654\ub97c \ubc18\uc601\ud588\ub2e4.<\/p>\n<h3>\uac1c\ubc1c \uc6cc\ud06c\ud50c\ub85c\uc758 \uc2dc\uc0ac\uc810<\/h3>\n<p>\uc0c1\ud0dc\u00b7\ub370\uc774\ud130 \uad00\ucc30 \uae30\ub2a5\uc740 \ud48d\ubd80\ud574\uc9c0\uc9c0\ub9cc, \uc774 \ucc44\ub110\uc740 \uba85\uc2dc\uc801\uc73c\ub85c \uc54c\ud30c\ub2e4. ESM \uc804\uc6a9 \ud328\ud0a4\uc9d5 \ubcc0\ud654\ub294 \uc0ac\ub0b4 \uc2a4\ud06c\ub9bd\ud2b8, \ucee4\uc2a4\ud140 Vite \ud50c\ub7ec\uadf8\uc778, \ud0c0\uc785 \ud574\uc11d, \ud14c\uc2a4\ud2b8 \ub7ec\ub108\uc758 require \uacbd\ub85c\uc5d0 \uc601\ud5a5\uc744 \uc904 \uc218 \uc788\ub2e4. \uc2e0\uaddc Nuxt \uc571\uc5d0 \ubc14\ub85c \uace0\uc815\ud558\uae30\ubcf4\ub2e4 \ubcf5\uc81c \uac00\ub2a5\ud55c \uc0cc\ub4dc\ubc15\uc2a4\uc5d0\uc11c \uc124\uce58\ud558\uace0, DevTools\ub97c CI\/\ud504\ub85c\ub355\uc158 \ubc88\ub4e4\uc5d0 \ud3ec\ud568\uc2dc\ud0a4\uc9c0 \uc54a\ub294\uc9c0 \uc810\uac80\ud558\ub294 \uac83\uc774 \ub0ae\uc740 \uc704\ud5d8\uc758 \uc811\uadfc\uc774\ub2e4.<\/p>\n<h2>4. Vitest 4.1.11: \ud14c\uc2a4\ud2b8 \ub3d9\uc2dc\uc131\uacfc mock \ud30c\uc77c \uacbd\uacc4\ub97c \uc815\uc2dd \ubcf4\uc644<\/h2>\n<h3>\ud655\uc778\ub41c \uc0ac\uc2e4<\/h3>\n<p>8\uc6d4 18\uc77c \uc815\uc2dd \uacf5\uac1c\ub41c <a href=\"https:\/\/github.com\/vitest-dev\/vitest\/releases\/tag\/v4.1.11\" target=\"_blank\" rel=\"noopener\">Vitest 4.1.11<\/a>\uc740 \ud14c\uc2a4\ud2b8 lifecycle\uc758 \uc804\uc5ed \ub3d9\uc2dc\uc131 \uc81c\ud55c\uc744 \ubcf5\uad6c\ud588\ub2e4. \ube0c\ub77c\uc6b0\uc800 \ubaa8\ub4dc\uc5d0\uc11c tester iframe URL \uc778\ucf54\ub529\uacfc \ub514\uc2a4\ud06c \uc5ec\uc720\uac00 \ub0ae\uc744 \ub54c Playwright\/Chromium GC\ub3c4 \ubcf4\uc644\ud588\uace0, mock redirect\ub97c filesystem allowlist\ub85c \uc81c\ud55c\ud588\ub2e4.<\/p>\n<h3>Nuxt \ud300\uc758 \uc801\uc6a9 \ud3ec\uc778\ud2b8<\/h3>\n<p>Nuxt E2E\uc640 \ube0c\ub77c\uc6b0\uc800 \ud14c\uc2a4\ud2b8\uac00 \uac04\ud5d0\uc801\uc73c\ub85c \uc2e4\ud328\ud558\uac70\ub098 CI \ub514\uc2a4\ud06c \uc0ac\uc6a9\ub7c9\uc774 \ubd88\uc548\uc815\ud55c \uacbd\uc6b0, \uc774 \ud328\uce58\ub294 \uc7ac\ud604 \ube0c\ub79c\uce58\uc5d0\uc11c \uba3c\uc800 \uac80\uc99d\ud560 \uac00\uce58\uac00 \uc788\ub2e4. mock redirect \uc81c\ud55c\uc740 \ud14c\uc2a4\ud2b8 fixture\uac00 \ud504\ub85c\uc81d\ud2b8 \uacbd\uacc4 \ubc16 \ud30c\uc77c\uc744 \uc554\ubb35\uc801\uc73c\ub85c \uc77d\uc9c0 \uc54a\ub294\uc9c0 \ub4dc\ub7ec\ub0bc \uc218\ub3c4 \uc788\uc73c\ubbc0\ub85c, \uc5c5\uadf8\ub808\uc774\ub4dc \ub4a4 \uc2e4\ud328\ub97c \ub2e8\uc21c \ub3c4\uad6c \ubc84\uadf8\ub85c \uce58\ubd80\ud558\uc9c0 \ub9d0\uace0 allowlist\uc640 fixture \uacbd\ub85c\ub97c \uba85\uc2dc\ud654\ud574\uc57c \ud55c\ub2e4.<\/p>\n<h2>5. Nuxt\u00b7Nitro\u00b7Unhead main \uc791\uc5c5: \ubc29\ud5a5\uc131\uc774\uc9c0 \ub9b4\ub9ac\uc988 \ub178\ud2b8\uac00 \uc544\ub2c8\ub2e4<\/h2>\n<p>\uacf5\uc2dd GitHub \ucee4\ubc0b \uae30\uc900\uc73c\ub85c Nuxt <em>main<\/em>\uc5d0\ub294 hydration \uc911 fetch\ub418\uc9c0 \uc54a\uc740 <code>useAsyncData<\/code> \ud574\uc11d\uc744 \ub9c9\ub294 \uc218\uc815, dev\uc5d0\uc11c base-prefixed Vite internal URL\uc744 Vite\ub85c \ub77c\uc6b0\ud305\ud558\ub294 \uc218\uc815, Nitro version utilities \uad00\ub828 \uc791\uc5c5\uc774 \ub4e4\uc5b4\uc654\ub2e4. Nitro <em>main<\/em>\uc5d0\ub294 dev worker reload \uc9c1\ub82c\ud654\uc640 static preset\uc5d0\uc11c server bundle \uc0dd\ub7b5 \uc791\uc5c5\uc774, Unhead <em>main<\/em>\uc5d0\ub294 stream head tag\uc758 \ub204\ub77d\u00b7\uc21c\uc11c\u00b7\ub80c\ub354 \ud69f\uc218\ub97c \ub2e4\ub8e8\ub294 \ubcc0\uacbd\uc774 \uc788\ub2e4. \uc774\ub4e4\uc740 \ubaa8\ub450 \uc544\uc9c1 \ud574\ub2f9 \ud504\ub85c\uc81d\ud2b8\uc758 \uc0c8 \uc815\uc2dd \ub9b4\ub9ac\uc988\ub85c \ubc1c\ud45c\ub418\uc9c0 \uc54a\uc740 \uac1c\ubc1c \ube0c\ub79c\uce58 \ubcc0\uacbd\uc774\ub2e4. \ud300\uc758 \uc561\uc158\uc740 nightly\ub97c \uc6b4\uc601\uc5d0 \ub123\ub294 \uac83\uc774 \uc544\ub2c8\ub77c, SSR hydration\u00b7\uc2a4\ud2b8\ub9ac\ubc0d head\u00b7\uc815\uc801 \ubc30\ud3ec \ud14c\uc2a4\ud2b8\ub97c \ud604\uc7ac \uc548\uc815 \ubc84\uc804\uc5d0\uc11c \ud68c\uadc0 \uc2dc\ub098\ub9ac\uc624\ub85c \ubcf4\uac15\ud558\ub294 \uac83\uc774\ub2e4.<\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/nuxt\/nuxt\/commit\/dd6b22841c8f7107ded5c97142bb60a48dfbb8b4\" target=\"_blank\" rel=\"noopener\">Nuxt main: useAsyncData hydration \uc218\uc815<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/nitrojs\/nitro\/commit\/7536de7e7ebe0c76e9333c1046e959daea324942\" target=\"_blank\" rel=\"noopener\">Nitro main: dev worker reload \uc9c1\ub82c\ud654<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/unjs\/unhead\/commit\/18a55c1e9bf4e04f057194188c0426d90acdbc3c\" target=\"_blank\" rel=\"noopener\">Unhead main: bot\uc774 \ubcf4\uc9c0 \ubabb\ud558\ub294 streamed head tag \uac10\uc9c0<\/a><\/li>\n<\/ul>\n<h2>\ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790 \uccb4\ud06c\ub9ac\uc2a4\ud2b8<\/h2>\n<ul>\n<li><strong>Vite:<\/strong> 8.2.2 \uc5c5\uadf8\ub808\uc774\ub4dc \ud6c4\ubcf4\uc5d0\uc11c \uc21c\ud658 import HMR, workspace\/symlink, error overlay\uc640 production sourcemap\uc744 \ud55c \ubc88\uc529 \uc2e4\ud589\ud55c\ub2e4.<\/li>\n<li><strong>Nuxt SSR:<\/strong> \uc11c\ubc84 \ub80c\ub354\ub9c1 \ud398\uc774\uc9c0\uc5d0\uc11c <code>useAsyncData<\/code>\uc758 \ucd08\uae30 \ub370\uc774\ud130\u00b7hydration\u00b7\ud074\ub77c\uc774\uc5b8\ud2b8 \uc7ac\uc694\uccad\uc744 \uae30\ub85d\ud558\ub294 \ud68c\uadc0 \ud14c\uc2a4\ud2b8\ub97c \ub9cc\ub4e0\ub2e4.<\/li>\n<li><strong>\uc11c\ubc84 \ubcf4\uc548:<\/strong> proxy route\u00b7redirect\u00b7\uc815\uc801 asset\uc5d0 \ub2e4\uc911 \uc2ac\ub798\uc2dc, \uc778\ucf54\ub529\ub41c \uc5ed\uc2ac\ub798\uc2dc, \ubcc0\uc870\ub41c forwarded header \uc785\ub825\uc744 \ub123\uc5b4 \uae30\ub300\ud55c \uac70\ubd80\/\uc815\uaddc\ud654\uac00 \ub418\ub294\uc9c0 \ud655\uc778\ud55c\ub2e4.<\/li>\n<li><strong>DevTools:<\/strong> 4 \uc54c\ud30c\ub97c \uc2e4\ud5d8\ud560 \uacbd\uc6b0 <code>require()<\/code>\u00b7legacy type import\ub97c \uac80\uc0c9\ud558\uace0 ESM \ud658\uacbd\uc5d0\uc11c\ub9cc \ubcc4\ub3c4 \uc7a0\uae08 \ud30c\uc77c\ub85c \uac80\uc99d\ud55c\ub2e4.<\/li>\n<li><strong>\ud14c\uc2a4\ud2b8:<\/strong> Vitest 4.1.11\uc5d0\uc11c \ubcd1\ub82c lifecycle\uacfc browser iframe \ud14c\uc2a4\ud2b8\ub97c \uc7ac\uc2e4\ud589\ud558\uace0 mock fixture\uac00 \ud5c8\uc6a9\ub41c \ud30c\uc77c \uacbd\ub85c \uc548\uc5d0 \uc788\ub294\uc9c0 \ud655\uc778\ud55c\ub2e4.<\/li>\n<\/ul>\n<h2>\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38 (AEO)<\/h2>\n<h3>\uc9c0\uae08 Nuxt\ub97c \uc0c8 \ubc84\uc804\uc73c\ub85c \uc62c\ub824\uc57c \ud558\ub098?<\/h3>\n<p>\uc774\ubc88 72\uc2dc\uac04\uc5d0\ub294 Nuxt \ucf54\uc5b4\uc758 \uc0c8 \uc548\uc815 \ub9b4\ub9ac\uc988\uac00 \ud655\uc778\ub418\uc9c0 \uc54a\uc558\ub2e4. \uc989\uc2dc \uac80\ud1a0\ud560 \uc815\uc2dd \uc5c5\ub370\uc774\ud2b8\ub294 Vite 8.2.2\uc640 Vitest 4.1.11\uc774\uba70, H3 2.0 RC\uc640 DevTools 4 \uc54c\ud30c\ub294 \ud638\ud658\uc131 \ud14c\uc2a4\ud2b8 \ub300\uc0c1\uc774\ub2e4. Nuxt main \ucee4\ubc0b\uc740 \ub9b4\ub9ac\uc988\uac00 \uc544\ub2c8\ub2e4.<\/p>\n<h3>\ubcf4\uc548\uc0c1 \uac00\uc7a5 \uba3c\uc800 \ubcfc \ud56d\ubaa9\uc740 \ubb34\uc5c7\uc778\uac00?<\/h3>\n<p>H3 RC \ub9b4\ub9ac\uc988\uac00 \uac15\uc870\ud55c \uacbd\ub85c \uc815\uaddc\ud654, proxy target, host \ubc0f forwarded header \uc2e0\ub8b0 \uacbd\uacc4\ub2e4. \ub2e4\ub9cc RC \ub3c4\uc785 \uc5ec\ubd80\uc640 \ubcc4\uac1c\ub85c, \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 proxy\/redirect \uad6c\uc131\uacfc \uc2e0\ub8b0 \ud504\ub85d\uc2dc \uc815\ucc45\uc744 \uac80\ud1a0\ud558\ub294 \uac83\uc774 \uc6b0\uc120\uc774\ub2e4.<\/p>\n<h3>\uc774 \ubcc0\ud654\uac00 \ubaa8\ub4e0 \uc571\uc758 \uc131\ub2a5\uc744 \ubcf4\uc7a5\ud558\ub294\uac00?<\/h3>\n<p>\uc544\ub2c8\ub2e4. Vite \ubc0f DevTools\uc758 \uc131\ub2a5\u00b7\uc548\uc815\uc131 \uc218\uc815\uc740 \ud2b9\uc815 \uac1c\ubc1c \ub8e8\ud504\uc640 \uc758\uc874\uc131 \uad6c\uc131\uc5d0 \ub300\ud55c \uac83\uc774\ub2e4. \uc2e4\uc81c \ud6a8\uacfc\ub294 \ud504\ub85c\uc81d\ud2b8\ubcc4 HMR, \ube4c\ub4dc, SSR, E2E \uce21\uc815\uc73c\ub85c \ud655\uc778\ud574\uc57c \ud55c\ub2e4.<\/p>\n<h2>\uc8fc\uc694 \ucd9c\ucc98<\/h2>\n<ul>\n<li><a href=\"https:\/\/github.com\/vitejs\/vite\/releases\/tag\/v8.2.2\" target=\"_blank\" rel=\"noopener\">Vite 8.2.2 release<\/a> \ubc0f <a href=\"https:\/\/github.com\/vitejs\/vite\/blob\/v8.2.2\/packages\/vite\/CHANGELOG.md\" target=\"_blank\" rel=\"noopener\">\uacf5\uc2dd changelog<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/h3js\/h3\/releases\/tag\/v2.0.1-rc.27\" target=\"_blank\" rel=\"noopener\">H3 rc.27<\/a>, <a href=\"https:\/\/github.com\/h3js\/h3\/releases\/tag\/v2.0.1-rc.28\" target=\"_blank\" rel=\"noopener\">rc.28<\/a>, <a href=\"https:\/\/github.com\/h3js\/h3\/releases\/tag\/v2.0.1-rc.29\" target=\"_blank\" rel=\"noopener\">rc.29<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/nuxt\/devtools\/releases\/tag\/v4.0.0-alpha.11\" target=\"_blank\" rel=\"noopener\">Nuxt DevTools alpha.11<\/a> \ubc0f <a href=\"https:\/\/github.com\/nuxt\/devtools\/releases\/tag\/v4.0.0-alpha.12\" target=\"_blank\" rel=\"noopener\">alpha.12<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/vitest-dev\/vitest\/releases\/tag\/v4.1.11\" target=\"_blank\" rel=\"noopener\">Vitest 4.1.11 release<\/a><\/li>\n<\/ul>\n<h2>\ub354 \uae4a\uac8c \uc77d\uae30: \uc2e4\uc804 \uac00\uc774\ub4dc<\/h2>\n<p>\uc774 \ub9ac\ud3ec\ud2b8\ub294 \ucd5c\uadfc \ud750\ub984\uc744 \ube60\ub974\uac8c \ud30c\uc545\ud558\uae30 \uc704\ud55c \uc694\uc57d\uc785\ub2c8\ub2e4. \uc2e4\uc81c \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc801\uc6a9\ud560 \ub54c\ub294 \uc544\ub798\uc758 \uae30\uc900 \uae00\uacfc \ud568\uaed8 \ud655\uc778\ud558\uba74 \ub354 \uc548\uc804\ud569\ub2c8\ub2e4.<\/p>\n<ul>\n<li><a href=\"https:\/\/gilnas.synology.me\/wordpress\/113\/\">AI \uc5d0\uc774\uc804\ud2b8\ub780 \ubb34\uc5c7\uc778\uac00?<\/a><\/li>\n<li><a href=\"https:\/\/gilnas.synology.me\/wordpress\/114\/\">\ud504\ub86c\ud504\ud2b8 \uc778\uc81d\uc158 \ubcf4\uc548 \uccb4\ud06c\ub9ac\uc2a4\ud2b8<\/a><\/li>\n<li><a href=\"https:\/\/gilnas.synology.me\/wordpress\/115\/\">AI \ucf54\ub529 \ub3c4\uad6c \uc548\uc804 \uc6cc\ud06c\ud50c\ub85c<\/a><\/li>\n<li><a href=\"https:\/\/gilnas.synology.me\/wordpress\/116\/\">Nuxt SEO \uc124\uc815 \ubc29\ubc95<\/a><\/li>\n<li><a href=\"https:\/\/gilnas.synology.me\/wordpress\/117\/\">Nuxt\uc640 WordPress Headless CMS \uad6c\uc870<\/a><\/li>\n<li><a href=\"https:\/\/gilnas.synology.me\/wordpress\/118\/\">\uac1c\ubc1c\uc790 \ube14\ub85c\uadf8 \uc560\ub4dc\uc13c\uc2a4 \uc2b9\uc778 \uc804\ub7b5<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\ucd5c\uadfc 3\uc77c Nuxt \ud504\ub860\ud2b8\uc5d4\ub4dc \uc0dd\ud0dc\uacc4\uc5d0\uc11c\ub294 Vite \uac1c\ubc1c \uc11c\ubc84 \uc548\uc815\ud654, H3 RC\uc758 \uacbd\ub85c\u00b7\ud504\ub85d\uc2dc \ubc29\uc5b4, DevTools 4 \uc54c\ud30c\uc758 \ud638\ud658\uc131 \ubcc0\ud654, Vitest \ud14c\uc2a4\ud2b8 \uaca9\ub9ac \uac15\ud654\uac00 \ub3d9\uc2dc\uc5d0 \uc9c4\ud589\ub410\ub2e4. \ubc30\ud3ec \uc804 HMR\u00b7\uc11c\ubc84 \uc785\ub825 \uacbd\uacc4\u00b7ESM \uc804\ud658\u00b7CI\ub97c \ud568\uaed8 \uc810\uac80\ud574\uc57c \ud55c\ub2e4.<\/p>\n","protected":false},"author":1,"featured_media":477,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-478","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nuxt-trend"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/posts\/478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/comments?post=478"}],"version-history":[{"count":0,"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/posts\/478\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/media\/477"}],"wp:attachment":[{"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/media?parent=478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/categories?post=478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/tags?post=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}