๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

ssg1

4์ฃผ์ฐจ ๊ฐœ๋… ์Šคํ„ฐ๋”” CSR๊ณผ SSR CSR ์ดˆ๊ธฐ์—๋Š” ์˜ค๋ž˜ ๊ฑธ๋ฆฌ์ง€๋งŒ, ์„œ๋ฒ„์— ๋ถ€๋‹ด์ด ์ ๊ณ  ํŽ˜์ด์ง€ ์ „ํ™˜ ์†๋„๊ฐ€ ๋น ๋ฆ„. ์ตœ์ดˆ ๋กœ๋”ฉ ์‹œ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์„œ๋ฒ„์— HTML์„ ๋น„๋กฏํ•œ CSS, JavaScript ๋“ฑ ๊ฐ์ข… ๋ฆฌ์†Œ์Šค๋“ค์„ ๋ฐ›์•„์˜ค๋Š” ๋ฐฉ์‹์ด ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง ๋ฐฉ์‹(Client Side Rendering)์ด๋‹ค. HTML ๋ฐ static ํŒŒ์ผ๋“ค์ด ๋กœ๋“œ ๋˜๋ฉด์„œ ๋ฐ์ดํ„ฐ๊ฐ€ ์žˆ๋‹ค๋ฉด, ๋ฐ์ดํ„ฐ ๋˜ํ•œ ์„œ๋ฒ„์— ์š”์ฒญํ•˜๊ณ  ๊ทธ๊ฒƒ์ด ํ™”๋ฉด์ƒ์— ๋‚˜ํƒ€๋‚˜๊ฒŒ ๋œ๋‹ค. ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์„œ๋ฒ„์— HTML๊ณผ staticํŒŒ์ผ์„ ์š”์ฒญํ•œ ํ›„ ๋กœ๋“œ๋˜๋ฉด ์‚ฌ์šฉ์ž์˜ ์ƒํ˜ธ์ž‘์šฉ์— ๋”ฐ๋ผ, ํ•„์š”์— ๋”ฐ๋ผ Javascript๋ฅผ ํ†ตํ•ด ๋™์ ์œผ๋กœ ๋ Œ๋”๋งํ•œ๋‹ค. ์žฅ์  ์ดˆ๊ธฐ ์š”์ฒญ์„ ์ œ์™ธํ•˜๊ณ ๋Š” ๋™์ ์œผ๋กœ ๋น ๋ฅด๊ฒŒ ๋ Œ๋”๋งํ•œ๋‹ค. ๋”ฐ๋ผ์„œ SSR์— ๋น„ํ•ด ๋น ๋ฅธ ํŽ˜์ด์ง€ ์ „ํ™˜ ์†๋„๋กœ ๋” ๋‚˜์€ UX๋ฅผ ์ œ๊ณตํ•œ๋‹ค. data ์š”์ฒญ์ด .. 2021. 8. 27.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”