[251014] TIL

Today I Learned (2025-10-14)

Streaming SSR

ํ•œ ๋ฒˆ์— HTML์„ ๋ณด๋‚ด๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ์ค€๋น„๋œ ๋ถ€๋ถ„๋ถ€ํ„ฐ ์ ์ง„์ ์œผ๋กœ ์ŠคํŠธ๋ฆฌ๋ฐํ•ด์„œ HTML์„ ๋ณด๋‚ด๋Š” ๊ฒƒ์„ ๋งํ•œ๋‹ค. React 18์—์„œ๋Š” renderToPipeableStream API๋ฅผ ํ†ตํ•ด ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•จ

renderToPipeableStream(<App />, {
  onShellReady() {
    res.setHeader("Content-Type", "text/html");
    stream.pipe(res);
  },
});

์˜ค๋Š˜ ๊ฐœ๋ฐœ ํ•œ ๊ฒƒ

  • Auth ๋ ˆ์ด์•„์›ƒ ์œ„์น˜ ๋ณ€๊ฒฝํ•จ
  • getQueryParams, getPlaceholderData ์œ ํ‹ธ ํ•จ์ˆ˜ ๊ฐœ๋ฐœํ•จ
  • GetSearchParams ํ•„๋“œ ๋„ค์ด๋ฐ ๋ณ€๊ฒฝํ•จ
  • ์•„์ด๋”” ์ €์žฅ -> ์ž๋™ ๋กœ๊ทธ์ธ ๋ฌธ๊ตฌ ๋ณ€๊ฒฝํ•จ
  • PUBLIC_PATHS ๋ณ€๊ฒฝํ•จ
  • ๊ธฐ๊ด€ CRUD API ์ฟผ๋ฆฌ ํ•จ์ˆ˜ ์ •์˜ํ•จ
  • ๋ฒ„ํŠผ disabled ์Šคํƒ€์ผ ์ˆ˜์ •ํ•จ

Categories:

Updated:

Leave a comment