Skip to content

Latest commit

ย 

History

History
29 lines (17 loc) ยท 2.03 KB

File metadata and controls

29 lines (17 loc) ยท 2.03 KB
title Static React DOM APIs

react-dom/static API๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด React ์ปดํฌ๋„ŒํŠธ์˜ ์ •์  HTML์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด API๋Š” ์ŠคํŠธ๋ฆฌ๋ฐ API์™€ ๋น„๊ตํ•ด ๊ธฐ๋Šฅ์ด ์ œํ•œ์ ์ž…๋‹ˆ๋‹ค. ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ๋Œ€์‹  ํ˜ธ์ถœํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๋Œ€๋ถ€๋ถ„์˜ ์ปดํฌ๋„ŒํŠธ๋Š” ์ด๋ฅผ importํ•˜๊ฑฐ๋‚˜ ์‚ฌ์šฉํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.


Web ์ŠคํŠธ๋ฆผ์šฉ ์ •์  API {/static-apis-for-web-streams/}

๋‹ค์Œ ๋ฉ”์„œ๋“œ๋“ค์€ ๋ธŒ๋ผ์šฐ์ €, Deno, ๋ฐ ์ผ๋ถ€ ์ตœ์‹  ์—ฃ์ง€ ๋Ÿฐํƒ€์ž„์„ ํฌํ•จํ•˜๋Š” Web Streams ํ™˜๊ฒฝ์—์„œ๋งŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • prerender๋Š” React ํŠธ๋ฆฌ๋ฅผ Readable Web Stream์„ ์‚ฌ์šฉํ•ด ์ •์  HTML๋กœ ๋ Œ๋”๋งํ•ฉ๋‹ˆ๋‹ค.
  • resumeAndPrerender๋Š” ์‚ฌ์ „ ๋ Œ๋”๋ง๋œ React ํŠธ๋ฆฌ๋ฅผ Readable Web Stream์„ ์‚ฌ์šฉํ•ด ์ •์  HTML๋กœ ์ด์–ด์„œ ๋ Œ๋”๋งํ•ฉ๋‹ˆ๋‹ค.

Node.js์—๋„ ํ˜ธํ™˜์„ฑ์„ ์œ„ํ•ด ์ด ๋ฉ”์„œ๋“œ๋“ค์ด ํฌํ•จ๋˜์–ด ์žˆ์ง€๋งŒ, ์„ฑ๋Šฅ์ด ๋” ๋‚ฎ์•„ ๊ถŒ์žฅ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋Œ€์‹  ์ „์šฉ Node.js API๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.


Node.js ์ŠคํŠธ๋ฆผ์šฉ ์ •์  API {/static-apis-for-nodejs-streams/}

๋‹ค์Œ ๋ฉ”์„œ๋“œ๋“ค์€ Node.js Streams ํ™˜๊ฒฝ์—์„œ๋งŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • prerenderToNodeStream์€ React ํŠธ๋ฆฌ๋ฅผ Node.js Stream์„ ์‚ฌ์šฉํ•ด ์ •์  HTML๋กœ ๋ Œ๋”๋งํ•ฉ๋‹ˆ๋‹ค.
  • resumeAndPrerenderToNodeStream์€ ์‚ฌ์ „ ๋ Œ๋”๋ง๋œ React ํŠธ๋ฆฌ๋ฅผ Node.js Stream์„ ์‚ฌ์šฉํ•ด ์ •์  HTML๋กœ ์ด์–ด์„œ ๋ Œ๋”๋งํ•ฉ๋‹ˆ๋‹ค.