{"id":676,"date":"2026-10-26T00:08:32","date_gmt":"2026-10-26T00:08:32","guid":{"rendered":"https:\/\/gilnas.synology.me\/wordpress\/676\/"},"modified":"2026-10-26T00:08:32","modified_gmt":"2026-10-26T00:08:32","slug":"vue-3-6-rc%ec%99%80-nuxt-%eb%b9%8c%eb%93%9c-%ec%ba%90%ec%8b%9c%c2%b7%eb%9d%bc%ec%9a%b0%ed%8a%b8-%ea%b7%9c%ec%b9%99-%ec%a0%90%ea%b2%80-vue-3-6-rc-and-nuxt-build-cache-route-rules-checks","status":"publish","type":"post","link":"https:\/\/gilnas.synology.me\/wordpress\/676\/","title":{"rendered":"Vue 3.6 RC\uc640 Nuxt \ube4c\ub4dc \uce90\uc2dc\u00b7\ub77c\uc6b0\ud2b8 \uaddc\uce59 \uc810\uac80 | Vue 3.6 RC and Nuxt Build Cache & Route Rules Checks"},"content":{"rendered":"
\"Vue<\/figure>\n

\uc694\uc57d:<\/strong> 2026\ub144 10\uc6d4 23\uc77c~26\uc77c(KST) Nuxt\/Vue \ud504\ub860\ud2b8\uc5d4\ub4dc \uc0dd\ud0dc\uacc4\uc758 \ud575\uc2ec\uc740 \uc0c8 \uae30\ub2a5 \ucc44\ud0dd\ubcf4\ub2e4 RC \ud638\ud658\uc131, Vite \uae30\ubc18 \uc11c\ubc84 \ube4c\ub4dc, \uce90\uc2dc \uc815\ud569\uc131, route rules\uc640 \ubc30\ud3ec preset<\/strong>\uc744 \uac80\uc99d\ud558\ub294 \ub370 \uc788\ub2e4. Vue 3.6 RC\ub294 \uc0ac\uc804 \ub9b4\ub9ac\uc988\uc774\uba70, Nuxt\u00b7Nitro\uc758 \ucd5c\uadfc \uc791\uc5c5\uc740 main \ube0c\ub79c\uce58\uc758 \ubbf8\ucd9c\uc2dc \ubcc0\uacbd\uc774\ub2e4. \uc6b4\uc601 \uae30\uc900\uc120\uc740 \ud0dc\uadf8\ub41c \uc548\uc815 \ub9b4\ub9ac\uc988\ub85c \uc720\uc9c0\ud558\uace0, \uc774\ubc88 \ubcc0\uacbd\uc740 \ud14c\uc2a4\ud2b8 \ubc94\uc704\ub97c \uc815\ud558\ub294 \uadfc\uac70\ub85c \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4.<\/p>\n

\ud575\uc2ec \ub2f5\ubcc0<\/h2>\n

Nuxt \ud300\uc740 \uc9c0\uae08 \uc138 \uac00\uc9c0\ub97c \uc6b0\uc120\ud574\uc57c \ud55c\ub2e4. \uccab\uc9f8<\/strong>, Vue 3.6.0-rc.13<\/a>\uc740 canary CI\uc5d0\uc11c\ub9cc \uac80\uc99d\ud55c\ub2e4. \ub458\uc9f8<\/strong>, Nuxt main\uc758 Vite \uc11c\ubc84 \ube4c\ub4dc\uc640 cache \ubcc0\uacbd\uc740 \ubc30\ud3ec \ub300\uc0c1\uc774 \uc544\ub2c8\ub77c \ube4c\ub4dc \uc0b0\ucd9c\ubb3c \ube44\uad50 \ud14c\uc2a4\ud2b8\uc758 \uc2e0\ud638\ub85c \ubcf8\ub2e4. \uc14b\uc9f8<\/strong>, route rules\u00b7middleware\u00b7Netlify\/Cloudflare preset\uc740 URL\u00b7HTTP method\u00b7\uc624\ub958 \uc751\ub2f5\uae4c\uc9c0 \ud3ec\ud568\ud574 E2E\ub85c \uc810\uac80\ud55c\ub2e4.<\/p>\n

3\uc77c \uacb0\ub860: \ube4c\ub4dc \uce90\uc2dc\uc640 \ub7f0\ud0c0\uc784 \uacbd\uacc4\uc758 \uc2e0\ub8b0\ub3c4\uac00 \uc6b0\uc120<\/h2>\n

\ud655\uc778\ub41c \uc0ac\uc2e4\uc740 Vue 3.6.0-rc.13\uc774 10\uc6d4 23\uc77c \uacf5\uac1c\ub410\uace0, Nuxt\uc640 Nitro \uc800\uc7a5\uc18c\uc5d0\ub294 10\uc6d4 23~25\uc77c Vite \uc11c\ubc84 \ube4c\ub4dc \ube44\uc6a9, cache hit \uc0c1\ud0dc, shared\/<\/code> \ud574\uc2dc, sensitive route rules, prerender \ubc0f \ud50c\ub7ab\ud3fc preset\uc744 \ub2e4\ub8e8\ub294 \ucee4\ubc0b\uc774 \ubc18\uc601\ub410\ub2e4\ub294 \uc810\uc774\ub2e4. \uc774 Nuxt\/Nitro \ucee4\ubc0b\uc740 \uc815\uc2dd \ub9b4\ub9ac\uc988\uac00 \uc544\ub2cc main \ube0c\ub79c\uce58\uc758 \uac1c\ubc1c \uc911 \uc791\uc5c5<\/strong>\uc774\ub2e4. \ub530\ub77c\uc11c \uc774\ubc88 \ub9ac\ud3ec\ud2b8\uc758 \uc804\ub9dd\uc740 \u201c\uc131\ub2a5 \ud5a5\uc0c1 \ubc30\ud3ec\u201d\uac00 \uc544\ub2c8\ub77c \u201c\ud604 \ubc30\ud3ec \ud30c\uc774\ud504\ub77c\uc778\uc758 \uc57d\ud55c \uacbd\uacc4\ub97c \uba3c\uc800 \ucc3e\uc744 \uc2dc\uc810\u201d\uc774\ub77c\ub294 \uac83\uc774\ub2e4.<\/p>\n

1. Vue 3.6 RC: \uc6b4\uc601 \uc2b9\uaca9 \uc804 \ud638\ud658\uc131 \ub9e4\ud2b8\ub9ad\uc2a4 \uace0\uc815<\/h2>\n

\ud655\uc778\ub41c \uc0ac\uc2e4<\/h3>\n

Vue Core\ub294 Vue 3.6.0-rc.13<\/a>\uc744 \uacf5\uac1c\ud588\ub2e4. \uc774 \ud0dc\uadf8\ub294 \uc0ac\uc804 \ub9b4\ub9ac\uc988\uc774\uba70, \ud504\ub85c\uc81d\ud2b8\ub294 \uc0c1\uc138 \ubcc0\uacbd \uc0ac\ud56d\uc744 minor \ube0c\ub79c\uce58 CHANGELOG<\/a>\uc5d0\uc11c \ud655\uc778\ud558\ub3c4\ub85d \uc548\ub0b4\ud55c\ub2e4.<\/p>\n

\uc2dc\uc0ac\uc810<\/h3>\n

RC\ub294 \ud504\ub85c\ub355\uc158 \uae30\ubcf8\uac12\uc774 \uc544\ub2c8\ub77c \ud638\ud658\uc131 \uac80\uc99d \ub300\uc0c1\uc774\ub2e4. Nuxt \uc571\uc5d0\uc11c\ub294 Vue \ub2e8\uc704 \ud14c\uc2a4\ud2b8\ub9cc\uc73c\ub85c \ubd80\uc871\ud558\ub2e4. composable\uc758 \ud0c0\uc785 \ucd94\ub860, SSR hydration, Suspense\u00b7Transition, \ucef4\ud3ec\ub10c\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac peer dependency, Vitest\/\ube0c\ub77c\uc6b0\uc800 E2E\ub97c \ud568\uaed8 \ube44\uad50\ud574\uc57c \ud55c\ub2e4. \uc6b4\uc601 lockfile\uc5d0 \uc11e\uc9c0 \ub9d0\uace0 canary lockfile \ub610\ub294 \ubcc4\ub3c4 override \ube0c\ub79c\uce58\uc5d0\uc11c \uc124\uce58\u00b7\ube4c\ub4dc\u00b7\ud14c\uc2a4\ud2b8 \uacb0\uacfc\ub97c \ubcf4\uad00\ud55c\ub2e4.<\/p>\n

2. Nuxt main\uc758 Vite \uc11c\ubc84 \ube4c\ub4dc: \ubd88\ud544\uc694\ud55c \ucef4\ud30c\uc77c\uacfc \uacbd\ub85c \uac80\uc0ac\ub97c \uc904\uc774\ub294 \ubc29\ud5a5<\/h2>\n

\ud655\uc778\ub41c \uc0ac\uc2e4 \u2014 \ubbf8\ucd9c\uc2dc main \ubcc0\uacbd<\/h3>\n

Nuxt main\uc5d0\ub294 \uc11c\ubc84 \ube4c\ub4dc\uc5d0\uc11c \uc77c\ubc18 style block \ucef4\ud30c\uc77c\uc744 \uac74\ub108\ub6f0\ub294 \ubcc0\uacbd<\/a>, ESM Vue \ubc88\ub4e4 \ubc0f \uce90\uc2dc \uc7ac\uc0ac\uc6a9 \ubcc0\uacbd<\/a>, Vite fs.allow\uc758 \uc911\ucca9 \ub514\ub809\ud130\ub9ac \uac80\uc0ac \ube44\uc6a9\uc744 \uc904\uc774\ub294 \ubcc0\uacbd<\/a>\uc774 \ub4e4\uc5b4\uac14\ub2e4. \ubaa8\ub450 \ud2b9\uc815 \uc548\uc815\ud310\uc758 \ub9b4\ub9ac\uc988 \ub178\ud2b8\uac00 \uc544\ub2c8\ub77c main \ube0c\ub79c\uce58 \ucee4\ubc0b\uc774\ub2e4.<\/p>\n

\uc2dc\uc0ac\uc810<\/h3>\n

\uc11c\ubc84 \ubc88\ub4e4\uacfc \uac1c\ubc1c \uc11c\ubc84\uc758 \ubcd1\ubaa9\uc744 \uc904\uc774\ub824\ub294 \ubc29\ud5a5\uc740 \uba85\ud655\ud558\ub2e4. \uadf8\ub7ec\ub098 \uc571\uc774 \ubbf8\ucd9c\uc2dc \ucf54\ub4dc\ub97c \uc758\uc874\ud560 \uc774\uc720\ub294 \uc5c6\ub2e4. \ub300\uc2e0 CI\uc5d0\uc11c cold\/warm SSR build \uc2dc\uac04, \ub300\ud615 SFC style block, dev server \ud30c\uc77c \uc811\uadfc \uacbd\ub85c\ub97c \uce21\uc815\ud55c\ub2e4. \ub2e8\uc77c \ud3c9\uade0 \uc2dc\uac04\ubcf4\ub2e4 p95 build \uc2dc\uac04\uacfc \uce90\uc2dc miss \ub4a4\uc758 \uc7ac\ud604\uc131\uc774 \uc2e4\ubb34\uc5d0 \ub354 \uc911\uc694\ud558\ub2e4.<\/p>\n

3. \uce90\uc2dc \uc815\ud569\uc131: \ube60\ub978 cache hit\ubcf4\ub2e4 \ub3d9\uc77c\ud55c \uc0b0\ucd9c\ubb3c\uc774 \uc911\uc694<\/h2>\n

\ud655\uc778\ub41c \uc0ac\uc2e4 \u2014 \ubbf8\ucd9c\uc2dc main \ubcc0\uacbd<\/h3>\n

Nuxt main\uc740 cache hit \uc2dc \ud074\ub77c\uc774\uc5b8\ud2b8 build state\ub97c \ubcf5\uc6d0<\/a>\ud558\uace0, shared\/ \ub514\ub809\ud130\ub9ac\ub97c build cache hash\uc5d0 \ud3ec\ud568<\/a>\ud558\uba70, \uc815\ub9ac\ub41c \ud56d\ubaa9\uc744 _asyncData\uc5d0\uc11c \uc81c\uac70<\/a>\ud558\ub294 \uc791\uc5c5\uc744 \ubc18\uc601\ud588\ub2e4.<\/p>\n

\uc2dc\uc0ac\uc810<\/h3>\n

\uce90\uc2dc \ud0a4\uac00 \uc785\ub825 \ubcc0\uacbd\uc744 \ub193\uce58\uba74 CI\ub294 \ube68\ub77c\uc838\ub3c4 \uc798\ubabb\ub41c \uc0b0\ucd9c\ubb3c\uc744 \ub9cc\ub4e4 \uc218 \uc788\ub2e4. shared\/<\/code>\uc758 \ud0c0\uc785\u00b7\uc720\ud2f8\u00b7\uc0c1\uc218, \uc790\ub3d9 import, route-generated \ud30c\uc77c\uc740 \uce90\uc2dc \ubb34\ud6a8\ud654\uc5d0\uc11c \ube60\uc9c0\uae30 \uc26c\uc6b4 \uc785\ub825\uc774\ub2e4. clean build\uc640 cache-hit build\uc758 manifest, \uc11c\ubc84 \ubc88\ub4e4, \ud575\uc2ec SSR \ud398\uc774\uc9c0 HTML\uc744 \ube44\uad50\ud558\ub294 \uac80\uc99d\uc774 \ud544\uc694\ud558\ub2e4. \uc774\ub294 \ud604\uc7ac \ud504\ub85c\uc81d\ud2b8\uc5d0 \uacb0\ud568\uc774 \uc788\ub2e4\ub294 \uc8fc\uc7a5\uc774 \uc544\ub2c8\ub77c, \uc774\ubc88 main \ubcc0\uacbd\uc774 \ub4dc\ub7ec\ub0b8 \ud68c\uadc0 \uc704\ud5d8 \uc601\uc5ed\uc774\ub2e4.<\/p>\n

4. Route rules\uc640 middleware: \uc811\uadfc \uc81c\uc5b4\u00b7\ub9ac\ub2e4\uc774\ub809\ud2b8\u00b7\uc624\ub958\ub97c \ud568\uaed8 \ud14c\uc2a4\ud2b8<\/h2>\n

\ud655\uc778\ub41c \uc0ac\uc2e4 \u2014 \ubbf8\ucd9c\uc2dc main \ubcc0\uacbd<\/h3>\n

Nuxt main\uc5d0\ub294 sensitive route rule \ub9e4\uce6d<\/a>, method-scoped route rule \ub9e4\uce6d<\/a>, middleware \uc2e4\ud589 \uc911\uc5d0\ub9cc navigateTo \ub9ac\ub2e4\uc774\ub809\ud2b8\ub97c \ubc18\ud658<\/a>\ud558\ub294 \uc218\uc815\uc774 \ubc18\uc601\ub410\ub2e4. Nitro main\uc740 FastResponse \ud6c4\uc18d \ucc98\ub9ac<\/a>, Cloudflare assets root\uc758 _headers\/_redirects \uae30\ub85d<\/a>, Netlify publish file \uacbd\ub85c<\/a>\ub97c \ub2e4\ub8e8\uace0 \uc788\ub2e4. \ubaa8\ub450 \ubbf8\ucd9c\uc2dc \uc791\uc5c5\uc774\ub2e4.<\/p>\n

\uc2dc\uc0ac\uc810<\/h3>\n

route rules\ub294 \ub2e8\uc21c URL \ub9e4\ud551\uc774 \uc544\ub2c8\ub77c \uc778\uc99d, \uce90\uc2dc, \ud5e4\ub354, \ub9ac\ub2e4\uc774\ub809\ud2b8\uac00 \ub9cc\ub098\ub294 \uc6b4\uc601 \uacbd\uacc4\ub2e4. URL \ud328\ud134\ub9cc \ud655\uc778\ud558\uc9c0 \ub9d0\uace0 base URL, \ub300\uc18c\ubb38\uc790, \ub3d9\uc801 \uc138\uadf8\uba3c\ud2b8, GET\/POST, \ub85c\uadf8\uc778 \uc804\ud6c4, 404\/500, Node\/edge preset\uc744 \uc870\ud569\ud574\uc57c \ud55c\ub2e4. \ud50c\ub7ab\ud3fc preset \ubcc0\uacbd\ub3c4 \ud30c\uc77c \ucd9c\ub825 \uc704\uce58 \ud558\ub098\uac00 \ubc30\ud3ec \uc2e4\ud328 \ub610\ub294 \ub204\ub77d \ud5e4\ub354\ub85c \uc774\uc5b4\uc9c8 \uc218 \uc788\uc73c\ubbc0\ub85c preview \ubc30\ud3ec\uc5d0\uc11c \uc0b0\ucd9c\ubb3c \ud2b8\ub9ac\ub97c \uac80\uc0ac\ud55c\ub2e4.<\/p>\n

5. \uc548\uc815 \uae30\uc900\uc120: \ud0dc\uadf8\ub41c \ubc84\uc804\uacfc \uac1c\ubc1c \ube0c\ub79c\uce58\ub97c \ubd84\ub9ac<\/h2>\n

\ucd5c\uadfc 72\uc2dc\uac04\uc5d0 Nuxt\uc758 \uc0c8 \uc548\uc815 \ub9b4\ub9ac\uc988\ub294 \ud655\uc778\ub418\uc9c0 \uc54a\uc558\ub2e4. \ud604\uc7ac \uac00\uae4c\uc6b4 \uc548\uc815 \uae30\uc900\uc120\uc740 Nuxt 4.6.2<\/a>\uc774\uba70, Vite\uc758 \ucd5c\uadfc \uc548\uc815 \ud328\uce58\ub294 Vite 8.3.5<\/a>\uc774\ub2e4. Vite 8.3.5\ub294 chunk import map\uacfc preload dependency \ud574\uc2dc \uad00\ub828 build \uc218\uc815\uc744 \ud3ec\ud568\ud55c\ub2e4. \ubc84\uc804 \uc5c5\ub370\uc774\ud2b8\ub294 Nuxt\uc640 Vite\ub97c \uac19\uc740 PR\uc5d0 \ubb36\uc9c0 \ub9d0\uace0, lockfile\u00b7Node \ubc84\uc804\u00b7\ubc30\ud3ec preset\uc744 \ubd84\ub9ac\ud574 \uc6d0\uc778\uc744 \ucd94\uc801 \uac00\ub2a5\ud558\uac8c \uc720\uc9c0\ud55c\ub2e4.<\/p>\n

\ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790 \uccb4\ud06c\ub9ac\uc2a4\ud2b8<\/h2>\n