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

tti1

CSR SSR ๋™์ž‘ ๋‹จ๊ณ„ | CSR SSR ๊ฐœ๋…์  ์ฐจ์ด, ์žฅ๋‹จ์  ์‚ฌ์ „ ๊ฐœ๋… ์ •๋ฆฌ CSR๊ณผ SSR์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•˜๊ธฐ ์ „์— ์•Œ์•„๋‘์–ด์•ผ ํ•˜๋Š” ์‚ฌ์ „ ์ง€์‹์— ๋Œ€ํ•ด ๋จผ์ € ์ •๋ฆฌํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค. 1. MPA์™€ SPA โ–ถ MPA (MultiPage Application) ์ „ํ†ต์  ํŽ˜์ด์ง€ Lifecycle, ํƒญ์„ ์ด๋™ํ•  ๋•Œ (๋งํฌ ํด๋ฆญ ์‹œ) ๋งˆ๋‹ค ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ์ƒˆ๋กœ์šด HTML ํŒŒ์ผ์„ ๋ฐ›์•„์™€์„œ ํŽ˜์ด์ง€ ์ „์ฒด๋ฅผ ์ƒˆ๋กœ ๋ Œ๋”๋ง ํ•˜๋Š” ๋ฐฉ์‹ ๋ Œ๋”๋ง ๋ฐฉ์‹์œผ๋กœ SSR์„ ์‚ฌ์šฉ โ–ถ SPA (Single Page Application) ํ•˜๋‚˜์˜ ํŽ˜์ด์ง€๋กœ ๊ตฌ์„ฑ๋œ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜, ํŽ˜์ด์ง€๊ฐ€ ์ „์ฒด์ ์œผ๋กœ ๋ Œ๋”๋ง ๋˜์ง€ ์•Š๊ณ  ํ•„์š”ํ•œ ๋ถ€๋ถ„๋งŒ ๋™์ ์œผ๋กœ ๋ Œ๋”๋ง ๋˜๋Š” ๋ฐฉ์‹ ๋ Œ๋”๋ง ๋ฐฉ์‹์œผ๋กœ CSR์„ ์‚ฌ์šฉ 2. SPA ์‚ฌ์šฉ๊นŒ์ง€์˜ ์›น์˜ ์—ญ์‚ฌ โ–ถ ์˜ˆ์ „ Static Site(์ •์ ์ธ ํŽ˜์ด์ง€)๋กœ ์ฃผ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์Œ ๋ฐฉ์‹ ์„œ๋ฒ„์— ์ด๋ฏธ ์ž˜ ๋งŒ๋“ค์–ด์ง„ .. 2022. 10. 9.
๋ฐ˜์‘ํ˜•