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

๐Ÿ“‚ Web/Network1

์ด์ œ๋Š” ์•Œ์•„์•ผ๊ฒ ๋‹ค! CSR๊ณผ SSR์˜ ์ฐจ์ด์ ๊ณผ ์žฅ๋‹จ์  (SPA, MPA, SSG, Universal Rendering ๊นŒ์ง€) ์•„๋ž˜ ๋‚ด์šฉ์€ ์šฐ์•„ํ•œํ…Œํฌ:  [10๋ถ„ ํ…Œ์ฝ”ํ†ก] ๐ŸŽจ ์‹ ์„ธํ•œํƒ„์˜ CSR&SSR ์˜์ƒ์„ ์ฐธ๊ณ ํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ์œ ์ตํ•œ ๋‚ด์šฉ ๋ฐœํ‘œํ•ด์ฃผ์‹  ์‹ ์„ธํ•œํƒ„ ๋‹˜๊ป˜ ๊ฐ์‚ฌ๋ฅผ ํ‘œํ•˜๋ฉฐ, ์˜์ƒ์„ ํ†ตํ•ด ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ์•„๋ž˜์— ์ •๋ฆฌํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค.  1. SPA์™€ MPA์˜ ์ฐจ์ด์ ๋ถ€ํ„ฐ ์งš์–ด๋ณด๊ธฐ๋ณธ๊ฒฉ์ ์œผ๋กœ CSR๊ณผ SSR ๊ฐœ๋…์— ๋‹ค๋ฃจ๊ธฐ ์ „์—, SPA์™€ MPA์— ๋Œ€ํ•ด ์งš์–ด๋ณด์ž. ์˜ค๋Š˜๋‚  ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•œ๋‹ค๊ณ  ํ•˜๋ฉด ๋Œ€๋ถ€๋ถ„ React, Angular, Vue์™€ ๊ฐ™์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ฐ˜ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์‚ฌ์šฉํ•ด SPA๋ฅผ ๊ฐœ๋ฐœํ•œ๋‹ค. โœ”๏ธ SPA์—ฌ๊ธฐ์„œ SPA๋ž€, Single Page Application์˜ ์•ฝ์ž๋กœ, ํ•˜๋‚˜์˜ ํŽ˜์ด์ง€๋กœ ๊ตฌ์„ฑ๋œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋‹ค. SPA๋กœ ๊ฐœ๋ฐœ๋œ ์›น์‚ฌ์ดํŠธ์—์„œ๋Š” ์นดํ…Œ๊ณ ๋ฆฌ์— ์žˆ๋Š” ๊ฐ ๋ฉ”๋‰ด๋ฅผ ์„ ํƒํ•˜๋ฉด ๋ณดํ†ต ํ—ค๋”๋Š” ๊ณ ์ •๋˜์–ด ์žˆ๋Š” ์ƒํƒœ๋กœ ๋ฉ”์ธ.. 2023. 3. 26.

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