SSR 1

[์›น] SSR vs CSR ๊ทธ๋ฆฌ๊ณ  Next.js

SSR(Server Side Rendering) ํŠน์ง• Server Side Rendering ๊ณผ์ • User๊ฐ€ ์›น์‚ฌ์ดํŠธ์— ์š”์ฒญ์„ ๋ณด๋ƒ„ ์„œ๋ฒ„์—์„œ ์ฆ‰์‹œ ๋ Œ๋”๋ง ๊ฐ€๋Šฅํ•œ html ํŒŒ์ผ์„ ๋งŒ๋“ฆ html์€ ๋ Œ๋”๋ง๋˜์ง€๋งŒ ์‚ฌ์ดํŠธ ์ž์ฒด ์กฐ์ž‘์€ ๋ถˆ๊ฐ€ (Viewable but non-interactable) ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋‹ค์šด ๋‹ค์šด ๋ฐ›๋Š” ๋™์•ˆ ์ปจํ…์ธ ๋Š” viewable ํ•˜๊ธฐ๋•Œ๋ฌธ์— ์‚ฌ์šฉ์ž ์กฐ์ž‘์„ ๊ธฐ์–ตํ•ด๋†“๋Š”๋‹ค ๋ธŒ๋ผ์šฐ์ €๊ฐ€ js framework๋ฅผ ์‹คํ–‰ js๊นŒ์ง€ ์„ฑ๊ณต์ ์œผ๋กœ ์ปดํŒŒ์ผ ๋˜๋ฉด ๊ธฐ์–ตํ•˜๊ณ  ์žˆ๋˜ ์‚ฌ์šฉ์ž ์กฐ์ž‘์ด ์‹คํ–‰๋˜๊ณ  viewable and interactable ํ•ด์ง ๋ธŒ๋ผ์šฐ์ € ํ™”๋ฉด์˜ ์ฐจ์ด์— ์ง‘์ค‘ํ•ด๋ณด์ž ์žฅ๋‹จ์  ์žฅ์  ์ฒซ ํŽ˜์ด์ง€ ๋กœ๋”ฉ์‹œ๊ฐ„์ด ํ‰๊ท ์ ์œผ๋กœ SSR์ด ๋” ๋น ๋ฆ„, SSR์€ ํ•„์š”ํ•œ ๋ถ€๋ถ„์˜ html๊ณผ ์Šคํฌ๋ฆฝํŠธ๋งŒ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ ๋•Œ๋ฌธ SEO ..