{"id":253,"date":"2026-07-15T23:45:12","date_gmt":"2026-07-15T23:45:12","guid":{"rendered":"https:\/\/gilnas.synology.me\/wordpress\/253\/"},"modified":"2026-07-15T23:45:12","modified_gmt":"2026-07-15T23:45:12","slug":"nuxt-%eb%9f%b0%ed%83%80%ec%9e%84%c2%b7ssr-3%ec%9d%bc-%eb%b3%80%ed%99%94-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%a4%91%eb%b3%b5%c2%b7%ec%8a%a4%ed%8a%b8%eb%a6%bc%c2%b7%ec%bf%a0%ed%82%a4-%ec%84%b1","status":"publish","type":"post","link":"https:\/\/gilnas.synology.me\/wordpress\/253\/","title":{"rendered":"Nuxt \ub7f0\ud0c0\uc784\u00b7SSR 3\uc77c \ubcc0\ud654: \ud50c\ub7ec\uadf8\uc778 \uc911\ubcf5\u00b7\uc2a4\ud2b8\ub9bc\u00b7\ucfe0\ud0a4 \uc131\ub2a5 \uc810\uac80 | Nuxt Runtime and SSR Operations: Three-Day Plugin, Stream, and Cookie Review"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/gilnas.synology.me\/wordpress\/wp-content\/uploads\/2026\/07\/nuxt-trend-hero-4.png\" alt=\"Nuxt \ub7f0\ud0c0\uc784\u00b7SSR 3\uc77c \ubcc0\ud654: \ud50c\ub7ec\uadf8\uc778 \uc911\ubcf5\u00b7\uc2a4\ud2b8\ub9bc\u00b7\ucfe0\ud0a4 \uc131\ub2a5 \uc810\uac80 | Nuxt Runtime and SSR Operations: Three-Day Plugin, Stream, and Cookie Review\" \/><\/figure>\n<p><strong>\uc694\uc57d:<\/strong> 2026\ub144 7\uc6d4 13~16\uc77c\uc758 Nuxt\/Vue\/Vite \uc0dd\ud0dc\uacc4 \ud750\ub984\uc740 \u201c\uc0c8 \uba54\uc774\uc800 \ub9b4\ub9ac\uc988\u201d\ubcf4\ub2e4 <strong>Nuxt \ub7f0\ud0c0\uc784\uacfc SSR \uacbd\ub85c\uc758 \uc6b4\uc601 \uc548\uc815\uc131<\/strong>\uc5d0 \uc9d1\uc911\ub410\ub2e4. Nitro\uc758 Vite \ud50c\ub7ec\uadf8\uc778 \ub4f1\ub85d, Unhead\uc758 \uc2a4\ud2b8\ub9ac\ubc0d SSR, H3\uc758 \ucfe0\ud0a4\u00b7HTML \uacbd\uacc4, Vite\/Vitest\uc758 SSR\u00b7\ucee8\ud14c\uc774\ub108 \uc2e4\ud589 \ud658\uacbd \ubcc0\uacbd\uc744 \ud568\uaed8 \uc810\uac80\ud558\uba74 Nuxt \ud504\ub860\ud2b8\uc5d4\ub4dc \ud300\uc740 \ubc30\ud3ec \uc804 \ud68c\uadc0 \uc704\ud5d8\uc744 \ub354 \ube68\ub9ac \ucc3e\uc744 \uc218 \uc788\ub2e4.<\/p>\n<h2>\ud575\uc2ec \ub2f5\ubcc0<\/h2>\n<p><strong>Nuxt \uac1c\ubc1c\ud300\uc740 \uc774\ubc88 3\uc77c \ub3d9\uc548 \ubb34\uc5c7\uc744 \ud574\uc57c \ud560\uae4c?<\/strong> \uc989\uc2dc \uc804\uba74 \uc5c5\uadf8\ub808\uc774\ub4dc\ud558\uae30\ubcf4\ub2e4, \ud604\uc7ac \uc7a0\uae08 \ud30c\uc77c\uc744 \uae30\uc900\uc73c\ub85c <strong>\ud50c\ub7ec\uadf8\uc778 \uc911\ubcf5 \ub4f1\ub85d\u00b7SSR \uc2a4\ud2b8\ub9bc \ucde8\uc18c\u00b7\ub300\ud615 \ucfe0\ud0a4\u00b7\ucee8\ud14c\uc774\ub108 \ud14c\uc2a4\ud2b8 \uba54\ubaa8\ub9ac<\/strong>\ub77c\ub294 \ub124 \uc6b4\uc601 \uacbd\ub85c\ub97c preview \ud658\uacbd\uc5d0\uc11c \uc7ac\ud604\ud558\ub294 \uac83\uc774 \uc6b0\uc120\uc774\ub2e4. \uc544\ub798 \ubcc0\uacbd \uc911 \uc0c1\ub2f9\uc218\ub294 \uac1c\ubc1c \ube0c\ub79c\uce58\/\ucee4\ubc0b \uc218\uc900\uc758 \uc9c4\ud589 \uc0ac\ud56d\uc774\ubbc0\ub85c, \uc774\ubbf8 \uc548\uc815 \ub9b4\ub9ac\uc988\uc5d0 \ud3ec\ud568\ub410\ub2e4\uace0 \uac00\uc815\ud558\uc9c0 \ub9d0\uace0 \ub9b4\ub9ac\uc988 \ub178\ud2b8\uc640 \uc2e4\uc81c \uc758\uc874\uc131 \ud574\uc2dc\ub97c \ud655\uc778\ud574\uc57c \ud55c\ub2e4.<\/p>\n<h2>3\uc77c \uacb0\ub860: \uae30\ub2a5 \uacbd\uc7c1\ubcf4\ub2e4 \ub7f0\ud0c0\uc784 \uacbd\uacc4\uc758 \ub9c8\ucc30\uc744 \uc904\uc774\ub294 \ubcc0\ud654<\/h2>\n<p>\uc774\ubc88 72\uc2dc\uac04\uc758 \uacf5\uc2dd \uc800\uc7a5\uc18c \ud65c\ub3d9\uc5d0\uc11c \ubc18\ubcf5\ub41c \uc2e0\ud638\ub294 \ud504\ub808\uc784\uc6cc\ud06c \uae30\ub2a5 \ucd94\uac00\ubcf4\ub2e4 \u201c\uacbd\uacc4 \uc870\uac74\u201d\uc758 \uc815\uad50\ud654\ub2e4. Vite \ud50c\ub7ec\uadf8\uc778\uc774 Nitro \ubaa8\ub4c8\uc744 \ub4f1\ub85d\ud558\ub294 \uacbd\uacc4, SSR\uc774 \ub290\ub9b0 \uc18c\ube44\uc790\uc640 \ucde8\uc18c\ub97c \ub9cc\ub098\ub294 \uacbd\uacc4, \ucfe0\ud0a4\uac00 \uc5ec\ub7ec \uc870\uac01\uc73c\ub85c \ucee4\uc9c0\ub294 \uacbd\uacc4, \ucee8\ud14c\uc774\ub108\uc758 \uba54\ubaa8\ub9ac \uc81c\ud55c\uc744 \ud14c\uc2a4\ud2b8 \ub7ec\ub108\uac00 \uc77d\ub294 \uacbd\uacc4\uac00 \uac01\uac01 \ub2e4\ub904\uc84c\ub2e4. \uc774\ub294 Nuxt \uc571\uc758 UI \ucf54\ub4dc\ub9cc \ubcf4\ub294 \ubc30\ud3ec \uac80\uc99d\uc73c\ub85c\ub294 \ubd80\uc871\ud558\uba70, \ube4c\ub4dc\u00b7\uc11c\ubc84\u00b7\uc2a4\ud2b8\ub9bc\u00b7CI\ub97c \ud55c \ud750\ub984\uc73c\ub85c \uad00\ucc30\ud574\uc57c \ud55c\ub2e4\ub294 \ub73b\uc774\ub2e4.<\/p>\n<p><strong>\ud655\uc778\ub41c \uc0ac\uc2e4:<\/strong> \uc544\ub798 \ud56d\ubaa9\uc740 7\uc6d4 13~16\uc77c \uacf5\uac1c\ub41c \uacf5\uc2dd GitHub \ucee4\ubc0b\uacfc npm \uba54\ud0c0\ub370\uc774\ud130\uc5d0 \uadfc\uac70\ud55c\ub2e4. <strong>\ud574\uc11d:<\/strong> \uc774 \ubcc0\ud654\ub4e4\uc774 \ubaa8\ub450 \uc989\uc2dc \uc0ac\uc6a9\uc790 \uc7a5\uc560\ub97c \ub73b\ud558\ub294 \uac83\uc740 \uc544\ub2c8\uc9c0\ub9cc, \ud574\ub2f9 \uacbd\ub85c\ub97c \uc0ac\uc6a9\ud558\ub294 \ud300\uc77c\uc218\ub85d \ub2e4\uc74c \ud328\uce58 \ub9b4\ub9ac\uc988 \ub610\ub294 \ud504\ub9ac\ub9b4\ub9ac\uc988 \ub3c4\uc785 \uc804\uc5d0 \ud68c\uadc0 \ud14c\uc2a4\ud2b8\uc758 \uac00\uce58\uac00 \ucee4\uc9c4\ub2e4.<\/p>\n<h2>\ud750\ub984 1. Nuxt\u2013Nitro\u2013Vite \ud50c\ub7ec\uadf8\uc778 \uacbd\ub85c: \uc911\ubcf5\uacfc \uc801\uc6a9 \uc870\uac74\uc744 \uba3c\uc800 \ud655\uc778<\/h2>\n<h3>Nitro\uac00 Vite \ud50c\ub7ec\uadf8\uc778\uc758 \ubaa8\ub4c8 \ub4f1\ub85d\uc5d0\uc11c <code>apply<\/code>\uc640 \uc911\ubcf5 \uc81c\uac70\ub97c \ubcf4\uac15<\/h3>\n<p>Nitro\ub294 7\uc6d4 15\uc77c Vite \ud50c\ub7ec\uadf8\uc778\uc73c\ub85c\ubd80\ud130 Nitro \ubaa8\ub4c8\uc744 \ub4f1\ub85d\ud560 \ub54c <code>apply<\/code>\ub97c \uc874\uc911\ud558\uace0 \uc911\ubcf5\uc744 \uc81c\uac70\ud558\ub294 \uc218\uc815\uc744 \uae30\ub85d\ud588\ub2e4. \uacf5\uc2dd \ucee4\ubc0b\uc758 \uc81c\ubaa9\uc740 <a href=\"https:\/\/github.com\/nitrojs\/nitro\/commit\/7af4fee3bc67b1d9f89ae3e89b583ad619b7776d\" target=\"_blank\" rel=\"noopener\">\u201crespect apply and dedupe when registering nitro modules from vite plugins\u201d<\/a>\uc774\ub2e4. \uc774\ub294 client\/server \ub610\ub294 serve\/build \uc870\uac74\uc744 \ub098\ub220 \uc4f0\ub294 \ud50c\ub7ec\uadf8\uc778, \ubaa8\ub4c8\uc774 \uc5ec\ub7ec \uacbd\ub85c\uc5d0\uc11c \uc8fc\uc785\ub418\ub294 monorepo\uc5d0\uc11c \ud2b9\ud788 \uad00\ub828\uc774 \uc788\ub2e4.<\/p>\n<p><strong>\uc2dc\uc0ac\uc810:<\/strong> Nuxt \uc124\uc815\uc5d0 Vite \ud50c\ub7ec\uadf8\uc778\uacfc Nitro \ubaa8\ub4c8\uc744 \ud568\uaed8 \ub123\ub294 \ud300\uc740 \u201c\ud55c \ubc88\ub9cc \ub4f1\ub85d\ub41c\ub2e4\u201d\ub294 \uc554\ubb35\uc801 \uc804\uc81c \ub300\uc2e0, \uac1c\ubc1c \uc11c\ubc84\u00b7\ud504\ub85c\ub355\uc158 \ube4c\ub4dc\u00b7SSR \uac01\uac01\uc5d0\uc11c \ud6c5\uc774 \uba87 \ubc88 \uc2e4\ud589\ub418\ub294\uc9c0 \ub85c\uadf8\/\ud14c\uc2a4\ud2b8\ub85c \ud655\uc778\ud574\uc57c \ud55c\ub2e4. \uac19\uc740 \uae30\uac04 Nitro\ub294 <a href=\"https:\/\/github.com\/nitrojs\/nitro\/commit\/c6e6168b87e627d69638bb81410fccde2ddf7237\" target=\"_blank\" rel=\"noopener\"><code>bytes<\/code>\u00b7<code>text<\/code> import attributes \uc9c0\uc6d0<\/a>\ub3c4 \ucd94\uac00\ud588\ub2e4. \uc774\ub294 \ube4c\ub4dc \uc785\ub825 \ud615\ud0dc\ub97c \ud655\uc7a5\ud558\ub294 \ubcc0\ud654\uc774\ubbc0\ub85c, \ubc88\ub4e4\ub7ec\u00b7\ub7f0\ud0c0\uc784 \uc870\ud569\uc774 \uace0\uc815\ub41c \uc11c\ube44\uc2a4\ub294 \uc0c8 \ubb38\ubc95 \ucc44\ud0dd \uc804\uc5d0 \ubc30\ud3ec \ud0c0\uae43 \ud638\ud658\uc131\uc744 \ud655\uc778\ud558\ub294 \ud3b8\uc774 \uc548\uc804\ud558\ub2e4.<\/p>\n<h3>Nuxt \ud575\uc2ec\uc740 watcher\uc640 \ub370\uc774\ud130 \ud328\uce6d \ubb38\uc11c\ub97c \ub2e4\ub4ec\uc5c8\ub2e4<\/h3>\n<p>Nuxt \uc800\uc7a5\uc18c\uc5d0\ub294 \ub204\ub77d\ub41c \ub514\ub809\ud130\ub9ac\ub97c Parcel watcher\uac00 \ud5c8\uc6a9\ud558\ub3c4\ub85d \ud55c \uc218\uc815\uacfc <a href=\"https:\/\/github.com\/nuxt\/nuxt\/commit\/b437b50f5049e2ad1b438dd53fb410410e8b8db5\" target=\"_blank\" rel=\"noopener\"><code>useFetch<\/code>\uc5d0\uc11c <code>await<\/code> \uc0ac\uc6a9\uc744 \uba85\ud655\ud788 \ud55c \ubb38\uc11c \ubcc0\uacbd<\/a>\uc774 \uc62c\ub77c\uc654\ub2e4. \uc804\uc790\ub294 \uc0dd\uc131 \uc804 \ub514\ub809\ud130\ub9ac\u00b7\uc870\uac74\ubd80 \ucf58\ud150\uce20 \ud3f4\ub354\ub97c \uac00\uc9c4 \uac1c\ubc1c \ud658\uacbd\uc758 \uacac\uace0\uc131\uacfc \uc5f0\uacb0\ub418\uace0, \ud6c4\uc790\ub294 \ub370\uc774\ud130 \ud328\uce6d \uacb0\uacfc\ub97c \ucef4\ud3ec\uc800\ube14 \uc678\ubd80\uc5d0\uc11c \ub2e4\ub8e8\ub294 \ud300\uc758 \ud0c0\uc785\/\uc2e4\ud589 \uc21c\uc11c \uc774\ud574\uc5d0 \uc5f0\uacb0\ub41c\ub2e4. \ub450 \ubcc0\uacbd\uc740 \uc0c8 \uae30\ub2a5 \ubc1c\ud45c\uac00 \uc544\ub2c8\ub77c\ub3c4 \uac1c\ubc1c \uacbd\ud5d8\uacfc \uc7ac\ud604 \uac00\ub2a5\ud55c \ucd08\uae30\ud654 \uc21c\uc11c\ub97c \ub2e4\ub8e8\ub294 \uc2e0\ud638\ub2e4.<\/p>\n<h2>\ud750\ub984 2. SSR\uc740 \u201c\ube60\ub978 head\u201d\uc640 \u201c\uc911\ub2e8 \uac00\ub2a5\ud55c stream\u201d\uc744 \ub3d9\uc2dc\uc5d0 \uc694\uad6c\ud55c\ub2e4<\/h2>\n<h3>Unhead: SSR \ucd08\uae30 \ud0dc\uadf8 \uacc4\uc0b0\uc744 \uc904\uc774\uace0 \uc2a4\ud2b8\ub9bc\uc758 backpressure\u00b7\ucde8\uc18c\ub97c \uc874\uc911<\/h3>\n<p>Unhead\ub294 <a href=\"https:\/\/github.com\/unjs\/unhead\/commit\/b6bf7fac9f407c2964668ac0515a401d95664c3d\" target=\"_blank\" rel=\"noopener\">SSR \uae30\ubcf8 \ucd08\uae30 head \ud0dc\uadf8\ub97c \ud504\ub85c\uc138\uc2a4 \ub2e8\uc704\ub85c \ubbf8\ub9ac \uacc4\uc0b0\ud558\ub294 \uc131\ub2a5 \uc791\uc5c5<\/a>\uc744 \uc9c4\ud589\ud588\ub2e4. \ucee4\ubc0b \uc124\uba85\uc740 Nuxt \uc2a4\ud0c0\uc77c \uc11c\ubc84\uac00 \uc694\uccad\ub9c8\ub2e4 <code>createHead()<\/code>\ub97c \ud638\ucd9c\ud558\ub294 \uacbd\uc6b0 \uae30\ubcf8 <code>htmlAttrs<\/code>\u00b7charset\u00b7viewport \ucc98\ub9ac\uc758 \ubc18\ubcf5 \uc815\uaddc\ud654\ub97c \ud53c\ud558\ub824\ub294 \ubaa9\uc801\uc744 \uad6c\uccb4\uc801\uc73c\ub85c \uc124\uba85\ud55c\ub2e4. \uc989, \uae30\ubcf8 \uc124\uc815\uc5d0 \uac00\uae4c\uc6b4 SSR \uc571\uc5d0\uc11c\ub294 \uc791\uc740 \uc694\uccad\ub2f9 \ud560\ub2f9 \ube44\uc6a9\uc744 \uc904\uc774\ub824\ub294 \ubc29\ud5a5\uc774\ub2e4.<\/p>\n<p>\ub354 \uc911\uc694\ud55c \uc6b4\uc601 \ubcc0\ud654\ub294 <a href=\"https:\/\/github.com\/unjs\/unhead\/commit\/6395a123a65668021aeb3e2cfa430321c2f08486\" target=\"_blank\" rel=\"noopener\">\uc2a4\ud2b8\ub9ac\ubc0d helper\uac00 backpressure\uc640 cancellation\uc744 \uc874\uc911\ud558\ub3c4\ub85d \ud55c \uc218\uc815<\/a>\uc774\ub2e4. \uc774\uc804 \uad6c\ud604\uc758 \ubb38\uc81c\ub85c \uc124\uba85\ub41c \uac83\uc740 downstream \uc218\uc694\uc640 \ubb34\uad00\ud55c upstream drain, \ucde8\uc18c \uc804\ud30c \ubd80\uc7ac, \uc9c1\ub82c\ud654\/\ud15c\ud50c\ub9bf \uc2e4\ud328 \uc804\uc5d0 head \uc5d4\ud2b8\ub9ac\uac00 \uc9c0\uc6cc\uc9c8 \uc218 \uc788\ub294 \uacbd\uc6b0\ub2e4. <strong>\ud655\uc778\ub41c \uc0ac\uc2e4<\/strong>\uc740 \uc774 \ub3d9\uc791\uc744 \ub2e4\ub8e8\ub294 \ucee4\ubc0b\uc774 \uc788\ub2e4\ub294 \uac83\uc774\uba70, <strong>\uc2e4\ubb34 \ud574\uc11d<\/strong>\uc740 \uc2a4\ud2b8\ub9ac\ubc0d SSR\u00b7\uc5e3\uc9c0 \ub7f0\ud0c0\uc784\uc744 \uc4f0\ub294 Nuxt \ud300\uc774 \ud0ed \uc774\ud0c8\/\ub124\ud2b8\uc6cc\ud06c \uc9c0\uc5f0\/\uc9c1\ub82c\ud654 \uc2e4\ud328\ub97c \u201c\uc815\uc0c1 \uc751\ub2f5\u201d \ud14c\uc2a4\ud2b8\uc640 \ubcc4\ub3c4\ub85c \uc2e4\ud589\ud574\uc57c \ud55c\ub2e4\ub294 \uac83\uc774\ub2e4.<\/p>\n<h2>\ud750\ub984 3. H3\uc758 \ucfe0\ud0a4\u00b7HTML \uacbd\uacc4: \ube44\uc6a9\uacfc \uc2e0\ub8b0 \ubaa8\ub378\uc744 \ud568\uaed8 \uac10\uc0ac<\/h2>\n<p>H3\ub294 7\uc6d4 15\uc77c <a href=\"https:\/\/github.com\/h3js\/h3\/commit\/66f47c3b31b8c691189a717722e25c2691bae482\" target=\"_blank\" rel=\"noopener\">\uccad\ud06c\ub41c \ucfe0\ud0a4 \ud30c\uc2f1\uacfc \ud5e4\ub354 \uc7ac\uad6c\uc131\uc758 quadratic \ube44\uc6a9\uc744 \ud53c\ud558\ub294 \uc131\ub2a5 \uc218\uc815<\/a>\uc744 \uae30\ub85d\ud588\ub2e4. \ub300\ud615 \uc778\uc99d \uc0c1\ud0dc\ub098 \uc5ec\ub7ec \uccad\ud06c\ub85c \ucabc\uac1c\uc9c4 \uc138\uc158 \ucfe0\ud0a4\uac00 \uc788\ub294 \uc11c\ube44\uc2a4\ub77c\uba74, \uc694\uccad\ub2f9 \ud5e4\ub354 \ucc98\ub9ac \ube44\uc6a9\uc740 \ud398\uc774\uc9c0 \ub80c\ub354\ub9c1 \uc131\ub2a5\uacfc \ubcc4\uac1c\ub85c \ub204\uc801\ub420 \uc218 \uc788\ub2e4. \uc2e4\uc81c \uac1c\uc120 \ud3ed\uc740 \ucfe0\ud0a4 \uad6c\uc870\uc640 \ubc30\ud3ec \ubc84\uc804\uc5d0 \ub530\ub77c \ub2e4\ub974\ubbc0\ub85c \uc218\uce58\ub97c \uc77c\ubc18\ud654\ud558\uba74 \uc548 \ub418\uc9c0\ub9cc, \ucfe0\ud0a4 \ud06c\uae30\u00b7\uac1c\uc218\u00b7\uc7ac\uc870\ub9bd \uacbd\ub85c\ub97c \uad00\uce21\ud560 \ud569\ub9ac\uc801\uc778 \uacc4\uae30\ub294 \ub41c\ub2e4.<\/p>\n<p>\ub3d9\uc2dc\uc5d0 H3\ub294 <a href=\"https:\/\/github.com\/h3js\/h3\/commit\/17e0cbd0db229fc086a036e020aac2b90dedc819\" target=\"_blank\" rel=\"noopener\"><code>raw()<\/code>\uc758 trust marker\ub97c \uc704\uc870 \ubd88\uac00\ub2a5\ud558\uac8c \ud558\uace0 escape map\uc744 \ub04c\uc5b4\uc62c\ub9ac\ub294 \uc218\uc815<\/a>, \uac80\uc99d\ub41c handler \uacbd\ub85c\uc5d0\uc11c malformed JSON\uc744 400\uc73c\ub85c \ubc14\uafb8\ub294 \uc218\uc815, Basic Auth realm \ucc98\ub9ac\uc640 credential timing\uc744 \ub2e4\ub8e8\ub294 \ubcc0\uacbd\uc744 \uacf5\uac1c\ud588\ub2e4. \uc774\ub4e4\uc740 \ubaa8\ub450 \uc544\uc9c1 \ud300\uc758 \ud604\uc7ac \uc7a0\uae08 \ubc84\uc804\uc5d0 \ub4e4\uc5b4\uc654\ub294\uc9c0 \ud655\uc778\ud574\uc57c \ud558\ub294 \uc800\uc7a5\uc18c \ubcc0\uacbd\uc774\ub2e4. \uadf8\ub7ec\ub098 Nuxt \uc11c\ubc84 \ub77c\uc6b0\ud2b8\uc5d0\uc11c raw HTML, JSON body, Basic Auth\ub97c \uc0ac\uc6a9\ud55c\ub2e4\uba74 \ucd9c\ub825 \uc774\uc2a4\ucf00\uc774\ud504\u00b7\uc624\ub958 \uc751\ub2f5\u00b7\uc778\uc99d \uc2e4\ud328 \uc2dc\uac04 \ucc28\uc774\ub97c \ud558\ub098\uc758 \ubcf4\uc548 \uc810\uac80 \ubb36\uc74c\uc73c\ub85c \ubcf4\ub294 \uac83\uc774 \uc88b\ub2e4.<\/p>\n<h2>\ud750\ub984 4. Vite SSR\uacfc CI: \uc2a4\ucf54\ud504\u00b7\uba54\ubaa8\ub9ac \uc81c\ud55c\uc740 \ubc30\ud3ec \ud658\uacbd\uc5d0\uc11c \ub4dc\ub7ec\ub09c\ub2e4<\/h2>\n<p>Vite\ub294 <a href=\"https:\/\/github.com\/vitejs\/vite\/commit\/b59a73f76f5557492d83d097bb33b3dd02f27d51\" target=\"_blank\" rel=\"noopener\">SSR \ubcc0\ud658\uc5d0\uc11c switch-case \uc120\uc5b8\uc758 \uc2a4\ucf54\ud504\ub97c \ud568\uc218\uac00 \uc544\ub2c8\ub77c switch\uc5d0 \ub9de\ucd94\ub294 \uc218\uc815<\/a>\uc744 \ubc18\uc601\ud588\ub2e4. \ud2b9\uc815 \ud328\ud134\uc5d0\uc11c\ub9cc \ub4dc\ub7ec\ub098\ub294 \ucef4\ud30c\uc77c\/\uc2e4\ud589 \uc758\ubbf8\uc758 \ubb38\uc81c\uc774\ubbc0\ub85c, SSR \uc804\uc6a9 \ucf54\ub4dc\uc5d0 case \ube14\ub85d\uc758 <code>let<\/code>\/<code>const<\/code> \uc120\uc5b8\uc774 \uc788\uc73c\uba74 preview \ube4c\ub4dc\uc640 \uc2e4\uc81c Node \ub7f0\ud0c0\uc784\uc73c\ub85c \ud655\uc778\ud560 \uac00\uce58\uac00 \uc788\ub2e4. npm \ub808\uc9c0\uc2a4\ud2b8\ub9ac\uc5d0\uc11c\ub294 Vue SFC\uc6a9 \uacf5\uc2dd Vite \ud50c\ub7ec\uadf8\uc778 <a href=\"https:\/\/www.npmjs.com\/package\/@vitejs\/plugin-vue\/v\/6.0.8\" target=\"_blank\" rel=\"noopener\">@vitejs\/plugin-vue 6.0.8<\/a>\ub3c4 7\uc6d4 14\uc77c \ubc30\ud3ec\ub41c \uac83\uc73c\ub85c \ud655\uc778\ub41c\ub2e4.<\/p>\n<p>\ud14c\uc2a4\ud2b8 \ub2e8\uacc4\uc5d0\uc11c\ub294 Vitest\uac00 <a href=\"https:\/\/github.com\/vitest-dev\/vitest\/commit\/3923cab3d98cd0063377ffd8e4c98b73d2f28db9\" target=\"_blank\" rel=\"noopener\">vm pool\uc774 cgroups v2 \uba54\ubaa8\ub9ac \uc81c\ud55c\uc744 \uc874\uc911\ud558\ub3c4\ub85d \uc218\uc815<\/a>\ud588\ub2e4. \ub85c\uceec Mac\uc5d0\uc11c\ub294 \ud1b5\uacfc\ud558\uc9c0\ub9cc Docker\/CI\uc5d0\uc11c\ub9cc OOM \ub610\ub294 \ubcd1\ub82c\uc131 \ubb38\uc81c\uac00 \ub09c\ub2e4\uba74, \ud14c\uc2a4\ud2b8 \ucf54\ub4dc\ub9cc \ud0d3\ud558\uc9c0 \ub9d0\uace0 runner \ubc84\uc804, \ucee8\ud14c\uc774\ub108 memory limit, worker \uc218\ub97c \ud568\uaed8 \uae30\ub85d\ud574\uc57c \ud55c\ub2e4.<\/p>\n<h2>Nuxt \ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790 \uccb4\ud06c\ub9ac\uc2a4\ud2b8<\/h2>\n<ul>\n<li><strong>\uc758\uc874\uc131:<\/strong> <code>pnpm why nitropack h3 unhead vite vitest<\/code> \ub4f1\uc73c\ub85c \uc2e4\uc81c \ud574\uc11d\ub41c \ubc84\uc804\uacfc lockfile \ubcc0\uacbd\uc744 \ud655\uc778\ud558\uace0, \ucee4\ubc0b \uc218\uc900 \ubcc0\uacbd\uc744 \uc774\ubbf8 \ud3ec\ud568\ud588\ub2e4\uace0 \ucd94\uc815\ud558\uc9c0 \uc54a\ub294\ub2e4.<\/li>\n<li><strong>\ud50c\ub7ec\uadf8\uc778:<\/strong> Vite plugin\uc758 <code>apply<\/code> \uc870\uac74\uacfc Nitro module \ub4f1\ub85d\uc744 dev\/build\/SSR \uc138 \ubaa8\ub4dc\uc5d0\uc11c \uacc4\uc218\ud55c\ub2e4. \uc911\ubcf5 \ud6c5, \uc911\ubcf5 route, \uc911\ubcf5 virtual module\uc744 \uac80\uc0ac\ud55c\ub2e4.<\/li>\n<li><strong>SSR:<\/strong> \ub290\ub9b0 \ud074\ub77c\uc774\uc5b8\ud2b8, \uc751\ub2f5 abort, stream cancel, BigInt\/\uc21c\ud658 \ucc38\uc870 \uc9c1\ub82c\ud654 \uc2e4\ud328\ub97c Playwright \ub610\ub294 \uc11c\ubc84 \ud1b5\ud569 \ud14c\uc2a4\ud2b8\ub85c \uc7ac\ud604\ud55c\ub2e4.<\/li>\n<li><strong>\ubcf4\uc548\u00b7\uc131\ub2a5:<\/strong> \uc138\uc158 \ucfe0\ud0a4\uc758 \ucd1d \ud06c\uae30\uc640 \uccad\ud06c \uc218, <code>raw()<\/code> \ud638\ucd9c \uc9c0\uc810, Basic Auth \uc624\ub958 \uc751\ub2f5, \uc798\ubabb\ub41c JSON\uc758 400 \uc751\ub2f5\uc744 \ud655\uc778\ud55c\ub2e4.<\/li>\n<li><strong>CI:<\/strong> cgroups v2 \uba54\ubaa8\ub9ac \uc81c\ud55c\uc774 \uac78\ub9b0 \ucee8\ud14c\uc774\ub108\uc5d0\uc11c Vitest pool\/worker \uc124\uc815\uc744 \uae30\ub85d\ud558\uace0, \ub85c\uceec\uacfc CI\uc758 \uba54\ubaa8\ub9ac \uad00\uce21\uce58\ub97c \ube44\uad50\ud55c\ub2e4.<\/li>\n<\/ul>\n<h2>\ube60\ub978 Q&amp;A<\/h2>\n<h3>\uc9c0\uae08 Nuxt\/Vite\ub97c \uc989\uc2dc \uc62c\ub824\uc57c \ud558\ub098?<\/h3>\n<p>\uc544\ub2c8\ub2e4. \uc774\ubc88 \ub9ac\ud3ec\ud2b8\uc758 \uc8fc\uc694 \uadfc\uac70\ub294 \ucd5c\uadfc \uacf5\uc2dd \ucee4\ubc0b\uacfc \uc77c\ubd80 \ud328\ud0a4\uc9c0 \ubc30\ud3ec\ub2e4. \uba3c\uc800 \ud604\uc7ac \ubc84\uc804\uc5d0\uc11c \uc601\ud5a5\uc744 \ubc1b\ub294 \uacbd\ub85c\ub97c \ud655\uc778\ud558\uace0, \ud574\ub2f9 \uc218\uc815\uc774 \ud3ec\ud568\ub41c \uc548\uc815 \ub9b4\ub9ac\uc988\uc758 changelog\uc640 semver \ubc94\uc704\ub97c \ud655\uc778\ud55c \ub4a4 preview \ud658\uacbd\uc5d0\uc11c \uc62c\ub9ac\ub294 \uc21c\uc11c\uac00 \uc801\uc808\ud558\ub2e4.<\/p>\n<h3>\uac00\uc7a5 \uba3c\uc800 \ubcfc \ud14c\uc2a4\ud2b8\ub294 \ubb34\uc5c7\uc778\uac00?<\/h3>\n<p>Vite \ud50c\ub7ec\uadf8\uc778\uacfc Nitro \ubaa8\ub4c8\uc744 \ud568\uaed8 \uc4f0\ub294 \uc11c\ube44\uc2a4\ub77c\uba74 \ub4f1\ub85d \ud69f\uc218\uc640 SSR \ube4c\ub4dc\ub97c, \uc2a4\ud2b8\ub9ac\ubc0d \uc751\ub2f5\uc744 \uc4f0\ub294 \uc11c\ube44\uc2a4\ub77c\uba74 \ucde8\uc18c\uc640 \uc624\ub958 \ubcf5\uad6c\ub97c \uba3c\uc800 \ubcf8\ub2e4. \ub300\ud615 \ucfe0\ud0a4 \ub610\ub294 \ucee8\ud14c\uc774\ub108 CI\uac00 \uc788\ub294 \ud300\uc740 \uac01\uac01 \ud5e4\ub354 \ube44\uc6a9\uacfc \uba54\ubaa8\ub9ac \uc81c\ud55c\uc744 \uac19\uc740 \ubc30\ud3ec \uc810\uac80\uc5d0 \ub123\ub294\ub2e4.<\/p>\n<h2>\ucd9c\ucc98\uc640 \uad00\ucc30 \ubc94\uc704<\/h2>\n<ul>\n<li><a href=\"https:\/\/github.com\/nitrojs\/nitro\/commits\/main?since=2026-07-13T00:00:00Z\" target=\"_blank\" rel=\"noopener\">Nitro \uacf5\uc2dd \ucee4\ubc0b \uae30\ub85d<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/unjs\/unhead\/commits\/main?since=2026-07-13T00:00:00Z\" target=\"_blank\" rel=\"noopener\">Unhead \uacf5\uc2dd \ucee4\ubc0b \uae30\ub85d<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/h3js\/h3\/commits\/main?since=2026-07-13T00:00:00Z\" target=\"_blank\" rel=\"noopener\">H3 \uacf5\uc2dd \ucee4\ubc0b \uae30\ub85d<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/vitejs\/vite\/commits\/main?since=2026-07-13T00:00:00Z\" target=\"_blank\" rel=\"noopener\">Vite \uacf5\uc2dd \ucee4\ubc0b \uae30\ub85d<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/nuxt\/nuxt\/commits\/main?since=2026-07-13T00:00:00Z\" target=\"_blank\" rel=\"noopener\">Nuxt \uacf5\uc2dd \ucee4\ubc0b \uae30\ub85d<\/a><\/li>\n<li><a href=\"https:\/\/registry.npmjs.org\/@vitejs\/plugin-vue\" target=\"_blank\" rel=\"noopener\">npm registry: @vitejs\/plugin-vue<\/a><\/li>\n<\/ul>\n<p><em>\uad00\ucc30 \uae30\uac04\uc740 KST \uae30\uc900 2026\ub144 7\uc6d4 13\uc77c~16\uc77c\uc774\uba70, \ub9b4\ub9ac\uc988\uc640 \uba54\uc778 \ube0c\ub79c\uce58 \ucee4\ubc0b\uc744 \uad6c\ubd84\ud574 \uc815\ub9ac\ud588\ub2e4. \uc6b4\uc601 \uc801\uc6a9 \uc804\uc5d0\ub294 \uac01 \ud504\ub85c\uc81d\ud2b8\uc758 \uace0\uc815 \ubc84\uc804, changelog, \ud14c\uc2a4\ud2b8 \uacb0\uacfc\ub97c \uc6b0\uc120\ud55c\ub2e4.<\/em><\/p>\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>\uc694\uc57d: 2026\ub144 7\uc6d4 13~16\uc77c\uc758 Nuxt\/Vue\/Vite \uc0dd\ud0dc\uacc4 \ud750\ub984\uc740 \u201c\uc0c8 \uba54\uc774\uc800 \ub9b4\ub9ac\uc988\u201d\ubcf4\ub2e4 Nuxt \ub7f0\ud0c0\uc784\uacfc SSR \uacbd\ub85c\uc758 \uc6b4\uc601 \uc548\uc815\uc131\uc5d0 \uc9d1\uc911\ub410\ub2e4. Nitro\uc758 Vite \ud50c\ub7ec\uadf8\uc778 \ub4f1\ub85d, Unhead\uc758 \uc2a4\ud2b8\ub9ac\ubc0d SSR, H3\uc758 \ucfe0\ud0a4\u00b7HTML \uacbd\uacc4, Vite\/Vitest\uc758 SSR\u00b7\ucee8\ud14c\uc774\ub108 \uc2e4\ud589 \ud658\uacbd \ubcc0\uacbd\uc744 \ud568\uaed8 \uc810\uac80\ud558\uba74 Nuxt \ud504\ub860\ud2b8\uc5d4\ub4dc \ud300\uc740 \ubc30\ud3ec \uc804 \ud68c\uadc0 \uc704\ud5d8\uc744 \ub354 \ube68\ub9ac \ucc3e\uc744 \uc218 \uc788\ub2e4. \ud575\uc2ec \ub2f5\ubcc0 Nuxt \uac1c\ubc1c\ud300\uc740 \uc774\ubc88 3\uc77c \ub3d9\uc548 \ubb34\uc5c7\uc744 \ud574\uc57c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":252,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-253","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\/253","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=253"}],"version-history":[{"count":0,"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/posts\/253\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/media\/252"}],"wp:attachment":[{"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/media?parent=253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/categories?post=253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gilnas.synology.me\/wordpress\/wp-json\/wp\/v2\/tags?post=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}