Community

๐Ÿ“Œ ๋ฆฌ์•กํŠธ ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ(RSC)๋ž€ ๋ฌด์—‡์ธ๊ฐ€?

๋ฆฌ์•กํŠธ ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๊ธฐ์กด์˜ ์ปดํฌ๋„ŒํŠธ๋“ค๊ณผ ๋ฌด์—‡์ด ๋‹ค๋ฅด๊ณ  ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€ ์†Œ๊ฐœํ•˜๋Š” ์‚ฌ์ดํŠธ๊ฐ€ ์žˆ์–ด์„œ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค. ํ•ต์‹ฌ์€ ์„œ๋ฒ„์—์„œ ๋ Œ๋”๋ง๋œ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ธŒ๋ผ์šฐ์ €์—๊ฒŒ ์ „๋‹ฌ๋˜๋Š” ํ˜•ํƒœ๊ฐ€ ๋‹ค๋ฅด๋‹ค๋Š” ์ ์ผ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๊ธฐ์กด์˜ ์ปดํฌ๋„ŒํŠธ๋Š” ์„œ๋ฒ„์—์„œ ๋ฏธ๋ฆฌ ๋ Œ๋”๋ง๋  ๋•Œ HTML๋กœ ๋ณ€ํ™˜๋˜์–ด ๋ฆฌ์•กํŠธ์˜ renderToString ๋ฉ”์„œ๋“œ์— ์˜ํ•ด ๋ธŒ๋ผ์šฐ์ €๋กœ ์ „๋‹ฌ๋˜์ฃ . ์ด๋ ‡๊ฒŒ ์ „๋‹ฌ๋œ ์ปดํฌ๋„ŒํŠธ๋Š” ์ˆ˜ํ™”(Hydration) ๋‹จ๊ณ„๋ฅผ ๊ฑฐ์นฉ๋‹ˆ๋‹ค. ๋ฐ˜๋ฉด ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ๋Š” ๋ฆฌ์•กํŠธ์—์„œ ํ•ด์„ ๊ฐ€๋Šฅํ•œ ํ˜•ํƒœ์˜ Payload(JSON)๋กœ ๋ธŒ๋ผ์šฐ์ €์— ์ „๋‹ฌ๋ฉ๋‹ˆ๋‹ค. ์ˆ˜ํ™” ๊ฐ™์€ ๋ณ„๋„์˜ ๊ณผ์ • ์—†์ด ์ปดํฌ๋„ŒํŠธ๋กœ ์“ธ ์ˆ˜ ์žˆ์ฃ . ์ž์„ธํ•œ ๋‚ด์šฉ๊ณผ ๋ฐฐ๊ฒฝ ์„ค๋ช…์€ ๊ณต์œ ๋“œ๋ฆฐ ๋งํฌ๋ฅผ ํ†ตํ•ด ํ™•์ธํ•ด๋ณด์‹œ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค! https://servercomponents.dev/

์•Œ๋ฆผ

์•Œ๋ฆผ์ด ์—†์Šต๋‹ˆ๋‹ค