SSR

โ–ช React๋Š” NextJS๋ฅผ ์ด์šฉํ•ด์„œ SSR์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. โ–ช Static Generation vs Server-side Rendering pre-rendering(์‚ฌ์ „๋ Œ๋”๋ง) ๊ธฐ๋ณธ์ ์œผ๋กœ ๋ชจ๋“  ํŽ˜์ด์ง€ pre-render - ์‚ฌ์ „์— HTML ํŒŒ์ผ๋“ค์„ ๋งŒ๋“ ๋‹ค๋Š” ์˜๋ฏธ๋กœ ํผํฌ๋จผ์Šค๋ฅผ ํ–ฅ์ƒ์‹œํ‚ค๊ณ  SEO์— ์ตœ์ ํ™”๋œ๋‹ต๋‹ˆ๋‹ค. Javascript์„ ๋„๊ณ  ํŽ˜์ด์ง€๋ฅผ ๋ Œ๋”๋ง์„ ํ•ด๋„ HTML์ด ๋ Œ๋”๋ง๋˜๊ธฐ ๋•Œ๋ฌธ์— ๊ธฐ๋ณธ ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋“œ๋ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ Javascript์„ ๋ณต์›์‹œ์ผœ์ฃผ๋ฉด hydration์ด ๋œ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ •์ ์ธ ํŽ˜์ด์ง€๊ฐ€ ๋™์ ์œผ๋กœ ๋ฐ”๋€Œ๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค Static Generation : ์ •์ ์ƒ์„ฑ vs Server-side Rendering : ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง ์ด ๋‘ ๊ฐ€์ง€์˜ ์ฐจ์ด์ ์€ ์–ธ์ œ HTML ์„ ๋งŒ๋“œ๋ƒ์ž…๋‹ˆ..
๋ฐ(Ming) ๐Ÿˆ‍โฌ›
'SSR' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก