{"id":889,"date":"2026-05-20T09:52:20","date_gmt":"2026-05-20T01:52:20","guid":{"rendered":"https:\/\/junai.ai\/blog\/nextjs-suspense-streaming-12\/"},"modified":"2026-05-20T09:52:20","modified_gmt":"2026-05-20T01:52:20","slug":"nextjs-suspense-streaming-12","status":"publish","type":"post","link":"https:\/\/junai.ai\/blog\/nextjs-suspense-streaming-12\/","title":{"rendered":"Suspense\uc640 \uc2a4\ud2b8\ub9ac\ubc0d \u2014 \ubd80\ubd84 \ub80c\ub354\ub85c \ube60\ub978 \uc751\ub2f5"},"content":{"rendered":"\n<!-- WordPress REST API \ubc1c\ud589\uc6a9 HTML (\uc790\ub3d9 \uc0dd\uc131) -->\n<!-- WP-FEATURED-MEDIA-ID: 835 -->\n<div style=\"max-width:800px;margin:0 auto;\">\n<style>\n:root {--color-primary:#4f46e5;--color-accent:#6366f1;--color-bg:#fafbfc;--color-bg-card:#fff;--color-text:#1a202c;--color-text-muted:#64748b;--hero-start:#1e1b4b;--hero-end:#4338ca;}\n*{box-sizing:border-box;}\n.container{max-width:760px;margin:0 auto;padding:0 24px 80px;}\n.hero{background:linear-gradient(135deg,var(--hero-start) 0%,var(--hero-end) 100%);color:#fff;padding:80px 24px 60px;text-align:center;}\n.hero .eyebrow{display:inline-block;font-size:14px;color:#a78bfa;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:14px;}\n.hero h1{font-size:36px;margin:0 0 16px;line-height:1.3;font-weight:800;}\n.hero p{color:#c7d2fe;font-size:18px;max-width:640px;margin:0 auto;line-height:1.6;}\n.hero img{width:100%;max-width:640px;height:auto;margin:32px auto 0;border-radius:10px;display:block;}\narticle{padding-top:48px;}\narticle h2{font-size:26px;margin:56px 0 20px;padding-left:14px;border-left:5px solid var(--color-accent);line-height:1.4;}\narticle h3{font-size:19px;margin:32px 0 12px;color:var(--color-primary);}\narticle p{margin:16px 0;}\narticle strong{color:var(--color-primary);font-weight:700;}\narticle code{background:#eef2ff;padding:2px 8px;border-radius:4px;font-family:'SF Mono',Menlo,Consolas,monospace;font-size:14px;color:#4338ca;}\n.databox{background:#eef2ff;border-left:4px solid var(--color-accent);padding:16px 20px;margin:24px 0;border-radius:0 8px 8px 0;font-size:15.5px;}\n.databox strong{color:var(--color-primary);}\n.warnbox{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);padding:16px 20px;margin:24px 0;border-radius:8px;font-size:15.5px;}\n.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0;}\ntable{width:100%;border-collapse:collapse;font-size:15px;background:var(--color-bg-card);}\nth,td{padding:11px 12px;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:top;}\nth{background:#f1f5f9;font-weight:700;color:#0f172a;}\ntd:first-child,th:first-child{font-weight:700;}\n@media (max-width:560px){.tablewrap table,.tablewrap thead,.tablewrap tbody,.tablewrap tr,.tablewrap th,.tablewrap td{display:block;width:auto;}.tablewrap thead{display:none;}.tablewrap tr{margin:0 0 14px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;}.tablewrap td{border:none;border-bottom:1px solid #f1f5f9;padding:9px 14px;}.tablewrap td:first-child{background:#f1f5f9;font-weight:800;font-size:15.5px;}.tablewrap td:last-child{border-bottom:none;}.tablewrap td[data-label]::before{content:attr(data-label) \" \u2014 \";font-weight:700;color:var(--color-primary);}}\n.code-block{background:#0f172a;color:#e2e8f0;padding:16px 20px;border-radius:8px;font-family:'SF Mono',Menlo,Consolas,monospace;font-size:14px;line-height:1.6;margin:20px 0;overflow-x:auto;white-space:pre;}\n.cta{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);color:#fff;padding:28px 24px;border-radius:12px;margin:48px 0 0;text-align:center;}\n.cta h3{color:#fff;margin:0 0 8px;font-size:20px;}\n.cta p{color:#c7d2fe;margin:0;font-size:15.5px;}\n.footer-nav{margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0;font-size:14px;color:var(--color-text-muted);}\n.footer-nav a{color:var(--color-primary);text-decoration:none;}\n@media (max-width:480px){.hero h1{font-size:26px;}.hero p{font-size:16px;}article h2{font-size:21px;}article h3{font-size:17px;}body{font-size:16px;}}\n<\/style>\n<section class=\"hero\">\n  <span class=\"eyebrow\">Next.js \uad50\uc7ac \u00b7 12\ud3b8 \u00b7 Streaming<\/span>\n  <h1>Suspense\uc640 \uc2a4\ud2b8\ub9ac\ubc0d \u2014 \ubd80\ubd84 \ub80c\ub354\ub85c \ube60\ub978 \uc751\ub2f5<\/h1>\n  <p>\ub290\ub9b0 \ud55c \uc601\uc5ed \ub54c\ubb38\uc5d0 \ube60\ub978 \ubaa8\ub4e0 \uc601\uc5ed\uc774 \uac19\uc774 \ub2a6\uc9c0 \uc54a\uac8c.<\/p>\n  <img decoding=\"async\" src=\"https:\/\/junai.ai\/blog\/wp-content\/uploads\/2026\/05\/hero-5-68.jpg\" alt=\"\ud398\uc774\uc9c0\uac00 \ud5e4\ub354\u2192\ucc28\ud2b8\u2192\ud14c\uc774\ube14 \uc21c\uc11c\ub85c \ucc44\uc6cc\uc9c0\ub294 \uc2a4\ud2b8\ub9ac\ubc0d \ucee8\uc149 \uc77c\ub7ec\uc2a4\ud2b8\">\n<\/section>\n\n<div class=\"container\">\n<article>\n\n<p>\ub300\uc2dc\ubcf4\ub4dc \ud398\uc774\uc9c0\ub97c \ub9cc\ub4e4\uc5c8\ub294\ub370 \u2014 \ud5e4\ub354\ub294 \uc989\uc2dc \ubcf4\uc774\ub294\ub370 \ucc28\ud2b8\uac00 3\ucd08\ub098 \uac78\ub9b0\ub2e4. \uc61b SSR \uc774\uba74 <strong>\ucc28\ud2b8 \ub05d\ub0a0 \ub54c\uae4c\uc9c0 \ud654\uba74\uc774 \ud1b5\uc9f8\ub85c \ubc31\uc9c0<\/strong>. \uc0ac\uc6a9\uc790\ub294 3\ucd08 \ub3d9\uc548 \ube48 \ud398\uc774\uc9c0\ub97c \ubcf8\ub2e4.<\/p>\n\n<p>Next.js \uc758 <strong>Streaming SSR<\/strong> \uc740 \uc774 \ud750\ub984\uc744 \uae6c\ub2e4. \ud5e4\ub354\ub294 \uc989\uc2dc HTML \ub85c \ubcf4\ub0b4\uace0, \ucc28\ud2b8\ub294 \uc900\ube44\ub418\ub294 \ub300\ub85c \ub098\uc911\uc5d0 \uac19\uc740 \uc751\ub2f5\uc5d0 \uc774\uc5b4 \ubd99\uc778\ub2e4. \uadf8 \ub9c8\ubc95\uc758 \uc785\uad6c\uac00 <strong><code>&lt;Suspense&gt;<\/code><\/strong>.<\/p>\n\n<h2>1. Suspense \uc758 \uae30\ubcf8 \u2014 fallback \uc73c\ub85c \ubd84\ub9ac<\/h2>\n\n<p>\uac00\uc7a5 \ub2e8\uc21c\ud55c \uc608. \ud55c \ud398\uc774\uc9c0 \uc548\uc5d0\uc11c \ube60\ub978 \ubd80\ubd84\uacfc \ub290\ub9b0 \ubd80\ubd84\uc744 \ubd84\ub9ac.<\/p>\n\n<div class=\"code-block\">\/\/ app\/dashboard\/page.tsx (\uc11c\ubc84 \ucef4\ud3ec\ub10c\ud2b8)\nimport { Suspense } from &#8216;react&#8217;;\nimport { StatsHeader } from &#8216;.\/stats-header&#8217;;\nimport { SlowChart } from &#8216;.\/slow-chart&#8217;;\n\nexport default function DashboardPage() {\n  return (\n    &lt;div&gt;\n      &lt;h1&gt;\ub300\uc2dc\ubcf4\ub4dc&lt;\/h1&gt;\n      &lt;StatsHeader \/&gt;       {\/* \ube60\ub984 \u2014 \uc989\uc2dc \ub80c\ub354 *\/}\n\n      &lt;Suspense fallback={&lt;ChartSkeleton \/&gt;}&gt;\n        &lt;SlowChart \/&gt;        {\/* \ub290\ub9bc \u2014 \ub370\uc774\ud130 fetch \ub05d\uae4c\uc9c0 ChartSkeleton *\/}\n      &lt;\/Suspense&gt;\n    &lt;\/div&gt;\n  );\n}<\/div>\n\n<p>\uc0ac\uc6a9\uc790\uac00 \ubcf4\ub294 \uc21c\uc11c:<\/p>\n\n<ol>\n<li><strong>0ms<\/strong> \u2014 \ud5e4\ub354\u00b7StatsHeader\u00b7ChartSkeleton \uae4c\uc9c0 HTML \ub3c4\ucc29. \ucc28\ud2b8 \uc790\ub9ac\uc5d4 \uc2a4\ucf08\ub808\ud1a4.<\/li>\n<li><strong>3000ms<\/strong> \u2014 SlowChart \uc758 fetch \ub05d\ub0a8. \uc9c4\uc9dc \ucc28\ud2b8 HTML \uc774 \uac19\uc740 \uc751\ub2f5\uc5d0 \uc774\uc5b4\ubd99\uc5b4 \ub3c4\ucc29. React \uac00 \uc790\ub3d9\uc73c\ub85c \uc2a4\ucf08\ub808\ud1a4\uc744 \uc9c4\uc9dc \ucc28\ud2b8\ub85c \uad50\uccb4.<\/li>\n<\/ol>\n\n<p>\ud575\uc2ec\uc740 <strong>\uc751\ub2f5\uc774 \ud55c \ubc88\uc5d0 \ub05d\ub098\uc9c0 \uc54a\ub294\ub2e4<\/strong>\ub294 \uac83. Next \uac00 HTTP \uc751\ub2f5\uc744 &#8220;\ub2eb\uc9c0 \uc54a\uace0&#8221; \uc720\uc9c0\ud558\ub2e4\uac00 \uc900\ube44\ub418\ub294 \ucef4\ud3ec\ub10c\ud2b8\ub97c chunked transfer \ub85c \ucd94\uac00 \uc804\uc1a1. \uc0ac\uc6a9\uc790 \uc785\uc7a5\uc5d0\uc120 \uadf8\ub0e5 \ud398\uc774\uc9c0\uac00 \uc810\uc9c4\uc801\uc73c\ub85c \ucc44\uc6cc\uc9c0\ub294 \ub290\ub08c.<\/p>\n\n<h2>2. \uc5ec\ub7ec Suspense \u2014 \uac01\uc790 \ub3c5\ub9bd \ub85c\ub529<\/h2>\n\n<p>\uc5ec\ub7ec \ub290\ub9b0 \ubd80\ubd84\uc744 \uac01\uc790 \ub530\ub85c \ubcf4\uc5ec\uc904 \uc218 \uc788\ub2e4. \ucc28\ud2b8\uc640 \ud14c\uc774\ube14\uc774 \ub458 \ub2e4 \ub290\ub9ac\uba74 \ub458\uc774 \uc11c\ub85c \uc548 \uae30\ub2e4\ub9b0\ub2e4.<\/p>\n\n<div class=\"code-block\">&lt;Suspense fallback={&lt;ChartSkeleton \/&gt;}&gt;\n  &lt;SlowChart \/&gt;          {\/* 2\ucd08 \ud6c4 \ub3c4\ucc29 *\/}\n&lt;\/Suspense&gt;\n\n&lt;Suspense fallback={&lt;TableSkeleton \/&gt;}&gt;\n  &lt;SlowTable \/&gt;          {\/* 4\ucd08 \ud6c4 \ub3c4\ucc29 *\/}\n&lt;\/Suspense&gt;<\/div>\n\n<p>2\ucd08\ucbe4 \ucc28\ud2b8\uac00 \ucc44\uc6cc\uc9c0\uace0, 4\ucd08\ucbe4 \ud14c\uc774\ube14\uc774 \ucc44\uc6cc\uc9c4\ub2e4. \ub458\uc774 \ub3d9\uc2dc \uc2dc\uc791\uc774\ub77c 4\ucd08\uac00 \ucd5c\ub313\uac12. \uc61b \ubc29\uc2dd\uc774\uba74 \ub458 \ud569\uccd0 6\ucd08.<\/p>\n\n<div class=\"databox\">\n<strong>\ub3c5\ub9bd vs \ubb36\uae30<\/strong> \u2014 \uac1c\ubcc4 Suspense \ub85c \ubd84\ub9ac\ud558\uba74 \uac01\uc790 \ub05d\ub098\ub294 \ub300\ub85c \ucc44\uc6cc\uc9d0. \ud558\ub098\uc758 Suspense \ub85c \uac10\uc2f8\uba74 \ub458 \ub2e4 \ub05d\ub0a0 \ub54c\uae4c\uc9c0 \uac19\uc774 \uae30\ub2e4\ub9bc. \uc758\ub3c4\uc5d0 \ub9de\uac8c \uc120\ud0dd. UX \uc6b0\uc120\uc740 \ub3c5\ub9bd, &#8220;\ud568\uaed8 \ub4f1\uc7a5\ud574\uc57c \uc790\uc5f0\uc2a4\ub7ec\uc6b4 \uc601\uc5ed&#8221; \uc740 \ubb36\uae30.\n<\/div>\n\n<h2>3. loading.tsx vs &lt;Suspense&gt; \ucc28\uc774<\/h2>\n\n<p>11\ud3b8\uc758 <code>loading.tsx<\/code> \uac00 \uacb0\uad6d \uac19\uc740 \uba54\ucee4\ub2c8\uc998\uc778\ub370 \u2014 \ub450 \uac00\uc9c0 \ucc28\uc774\uac00 \uc788\ub2e4.<\/p>\n\n<div class=\"tablewrap\">\n<table>\n<thead><tr><th>\uad6c\ubd84<\/th><th>loading.tsx<\/th><th>&lt;Suspense&gt; \uc9c1\uc811<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>\ubc94\uc704<\/td><td data-label=\"loading.tsx\">\uadf8 \ud3f4\ub354 page \uc804\uccb4<\/td><td data-label=\"Suspense\">\uac10\uc2fc \ubd80\ubd84\ub9cc<\/td><\/tr>\n<tr><td>\uc704\uce58<\/td><td data-label=\"loading.tsx\">\ud2b9\uc218 \ud30c\uc77c \ucee8\ubca4\uc158<\/td><td data-label=\"Suspense\">\ucf54\ub4dc \uc5b4\ub514\ub4e0<\/td><\/tr>\n<tr><td>\uc5ec\ub7ec \uac1c<\/td><td data-label=\"loading.tsx\">\ud3f4\ub354\ub2f9 1\uac1c<\/td><td data-label=\"Suspense\">\ud55c \ud398\uc774\uc9c0\uc5d0 N\uac1c<\/td><\/tr>\n<tr><td>\uc0ac\uc6a9 \uc2dc\uc810<\/td><td data-label=\"loading.tsx\">\ud398\uc774\uc9c0 \uc804\ud658\u00b7\ucd08\uae30 \ub85c\ub4dc<\/td><td data-label=\"Suspense\">\ud55c \ud398\uc774\uc9c0 \uc548 \ubd80\ubd84 \ub85c\ub4dc<\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n<p>\ub458\uc740 \ucda9\ub3cc\ud558\uc9c0 \uc54a\ub294\ub2e4. <code>loading.tsx<\/code> \ub294 \uccab \ub3c4\ucc29\uae4c\uc9c0\uc758 \ud070 \uadf8\ub9bc, <code>&lt;Suspense&gt;<\/code> \ub294 \uadf8 \uc548\uc5d0\uc11c \ubd80\ubd84 \ubd80\ubd84. \ud568\uaed8 \uc4f0\uba74 \uae4a\uc774\uac10 \uc788\ub294 UX \uac00 \uac00\ub2a5.<\/p>\n\n<h2>4. \ub370\uc774\ud130 fetching \uacfc \uacb0\ud569 \u2014 async + Suspense<\/h2>\n\n<p>Suspense \uac00 \uc9c4\uc9dc\ub85c \uba48\ucd94\ub294 \ud2b8\ub9ac\uac70\ub294 <strong>async Server Component \uc548\uc758 await<\/strong>. \uadf8 await \uac00 \ub05d\ub098\uae30 \uc804\uc5d4 \uadf8 \ucef4\ud3ec\ub10c\ud2b8 \uc704\uce58\uc5d0 fallback \uc774 \ud45c\uc2dc\ub41c\ub2e4.<\/p>\n\n<div class=\"code-block\">\/\/ app\/dashboard\/slow-chart.tsx (\uc11c\ubc84 \ucef4\ud3ec\ub10c\ud2b8)\nimport { fetchChartData } from &#8216;@\/lib\/api&#8217;;\n\nexport async function SlowChart() {\n  const data = await fetchChartData();   \/\/ 2\ucd08 \uac78\ub9ac\ub294 fetch\n  return &lt;Chart data={data} \/&gt;;\n}<\/div>\n\n<p>\uc774 \ucef4\ud3ec\ub10c\ud2b8\uac00 <code>&lt;Suspense&gt;<\/code> \uc548\uc5d0 \uc788\uc73c\uba74 await \ub3d9\uc548 fallback. \ub05d\ub098\uba74 \uc9c4\uc9dc \uacb0\uacfc. <strong>useState\u00b7useEffect \uc5c6\uc774<\/strong> \uc790\uc5f0\uc2a4\ub7fd\uac8c \uc791\ub3d9\ud55c\ub2e4.<\/p>\n\n<h2>5. \ud754\ud55c \ud568\uc815\uacfc \ubca0\uc2a4\ud2b8 \ud504\ub799\ud2f0\uc2a4<\/h2>\n\n<div class=\"warnbox\">\n<strong>\uac00\uc7a5 \ud754\ud55c \uc2e4\uc218<\/strong> \u2014 Suspense \uc548\uc758 \ucef4\ud3ec\ub10c\ud2b8\uac00 <strong>props \ub85c<\/strong> Promise \ub97c \ubc1b\ub294 \uacbd\uc6b0. \ubd80\ubaa8\uc5d0\uc11c \ub370\uc774\ud130\ub97c fetch \ud574 props \ub85c \ub0b4\ub824\ubcf4\ub0b4\uba74 \ubd80\ubaa8\uac00 await \ud558\ub290\ub77c fallback \ud2b8\ub9ac\uac70\uac00 \uc548 \ub41c\ub2e4. <strong>Suspense \uc548\ucabd \ucef4\ud3ec\ub10c\ud2b8\uac00 \uc9c1\uc811 await \ud574\uc57c<\/strong> \ud55c\ub2e4. \ub610\ub294 React 19 \uc758 <code>use()<\/code> \ud6c5\uc73c\ub85c promise \ub9cc props \ub85c \ubc1b\uae30.\n<\/div>\n\n<p>\ubca0\uc2a4\ud2b8 \ud504\ub799\ud2f0\uc2a4 4\uac00\uc9c0:<\/p>\n\n<ul>\n<li><strong>\uc2a4\ucf08\ub808\ud1a4\uc740 \uc2e4\uc81c UI \ud615\ud0dc \ubaa8\ubc29<\/strong> \u2014 \uce74\ub4dc \uc790\ub9ac\uc5d0 \ube44\uc2b7\ud55c \ud68c\uc0c9 \ube14\ub85d. \ubaa8\uc591\uc774 \ud06c\uac8c \ubcc0\ud558\uba74 \ub808\uc774\uc544\uc6c3 \uc2dc\ud504\ud2b8(CLS) \uac00 \ubc1c\uc0dd\ud574 SEO \uc810\uc218 \ub5a8\uc5b4\uc9d0.<\/li>\n<li><strong>\ub108\ubb34 \uc798\uac8c \ucabc\uac1c\uc9c0 \ub9d0 \uac83<\/strong> \u2014 Suspense \uac00 5\uac1c \ub118\uc5b4\uac00\uba74 \ud654\uba74\uc774 \uc5b4\uc218\uc120. \ubcf4\ud1b5 \ud398\uc774\uc9c0\ub2f9 2~3\uac1c\uac00 sweet spot.<\/li>\n<li><strong>\uc704 \uc601\uc5ed \uba3c\uc800 \ube60\ub974\uac8c<\/strong> \u2014 \uc0ac\uc6a9\uc790\uac00 \ucc98\uc74c \ubcf4\ub294 \uc601\uc5ed(\ud5e4\ub354\u00b7hero)\uc740 Suspense \ubc16\uc5d0. \uc544\ub798\ub85c \uac08\uc218\ub85d \ub290\ub824\ub3c4 OK.<\/li>\n<li><strong>error.tsx \uc640 \ud568\uaed8<\/strong> \u2014 Suspense \uc548\uc5d0\uc11c throw \uac00 \uc77c\uc5b4\ub098\uba74 \uac00\uc7a5 \uac00\uae4c\uc6b4 <code>error.tsx<\/code> \uac00 \uc7a1\ub294\ub2e4. \ud55c \uc601\uc5ed\ub9cc \uae68\uc9c0\uace0 \ub098\uba38\uc9c4 \uadf8\ub300\ub85c.<\/li>\n<\/ul>\n\n<h3>\uc694\uc57d \u2014 12\ud3b8 \uc88c\ud45c<\/h3>\n\n<p>\uc5ec\uae30\uae4c\uc9c0 \uc815\ub9ac. <strong>Streaming SSR<\/strong> \uc758 \uc785\uad6c\ub294 <code>&lt;Suspense fallback={...}&gt;<\/code>. \uc548\ucabd async \ucef4\ud3ec\ub10c\ud2b8\uc758 await \uac00 \ub05d\ub0a0 \ub54c\uae4c\uc9c0 fallback, \ub05d\ub098\uba74 \uc9c4\uc9dc \uacb0\uacfc\ub85c \uc790\ub3d9 \uad50\uccb4. \uc5ec\ub7ec Suspense \ub294 \uac01\uc790 \ub3c5\ub9bd \ub85c\ub529. <code>loading.tsx<\/code> \ub294 \ud398\uc774\uc9c0 \uc804\uccb4\uc6a9, <code>&lt;Suspense&gt;<\/code> \ub294 \ubd80\ubd84\uc6a9. \uc2a4\ucf08\ub808\ud1a4 \ubaa8\uc591 \ub9de\ucd94\uae30\u00b7\ub108\ubb34 \uc798\uac8c \ucabc\uac1c\uc9c0 \uc54a\uae30\u00b7\uc704 \uc601\uc5ed \uba3c\uc800. \ub2e4\uc74c \ud3b8\uc5d0\uc120 \uc694\uccad\uc744 \uac00\ub85c\ucc44\ub294 \u2014 <strong>Middleware<\/strong> \ub97c \ubcf8\ub2e4.<\/p>\n\n<div class=\"cta\">\n<h3>\ub2e4\uc74c \ud3b8 \uc608\uace0 \u2014 Middleware<\/h3>\n<p>\uc694\uccad \uac00\ub85c\ucc44\uae30\u00b7\ub9ac\ub514\ub809\ud2b8\u00b7\uc778\uc99d \uac00\ub4dc. 13\ud3b8.<\/p>\n<\/div>\n\n<div class=\"footer-nav\">\n\uc2dc\ub9ac\uc988 \u00b7 <a href=\"https:\/\/junai.ai\/blog\/category\/nextjs\/\">\uc27d\uac8c \ubc30\uc6b0\ub294 Next.js<\/a> \u00b7 \uc774\uc804: <a href=\"https:\/\/junai.ai\/blog\/nextjs-loading-error-ui-11\/\">Ch.11 loading\u00b7error UI<\/a>\n<\/div>\n\n<\/article>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Next.js Streaming SSR \u2014 Suspense \ub85c \ub290\ub9b0 \ubd80\ubd84\ub9cc \ub530\ub85c \ub5bc\uc5b4 \ube60\ub974\uac8c \uccab \ud654\uba74 \uc751\ub2f5. \uc804\uccb4\uac00 \ub290\ub824\uc9c0\uc9c0 \uc54a\ub294 \ud398\uc774\uc9c0 \ub9cc\ub4e4\uae30. \uad50\uc7ac 12\ud3b8.<\/p>\n","protected":false},"author":1,"featured_media":835,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-889","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nextjs"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/comments?post=889"}],"version-history":[{"count":0,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/889\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media\/835"}],"wp:attachment":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media?parent=889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/categories?post=889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/tags?post=889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}