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

UniversalRedering1

CSR SSR ๋‹จ์  ๋ณด์™„ ๋ฐฉ๋ฒ• ์ •๋ฆฌํ•ด๋ณด๊ธฐ ์ง€๋‚œ ์‹œ๊ฐ„์— CSR, SSR์˜ ๊ฐœ๋…๊ณผ ์žฅ๋‹จ์ ์— ๋Œ€ํ•ด์„œ ์ •๋ฆฌํ•ด ๋ณด์•˜๋Š”๋ฐ, ๊ทธ๋ ‡๋‹ค๋ฉด ์ด ๋‘˜์˜ ๋‹จ์ ์„ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•œ ๋ฐฉ๋ฒ•์—๋Š” ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๋Š”์ง€ ์ •๋ฆฌํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค. CSR ๋‹จ์  ๋ณด์™„ ๋ฐฉ๋ฒ• ๋จผ์ € CSR์€ ์ดˆ๊ธฐ ๋กœ๋”ฉ ์†๋„๊ฐ€ ๋Š๋ฆฌ๋‹ค๋Š” ์ ๊ณผ SEO๊ฐ€ ๋ถˆ๋ฆฌํ•˜๋‹ค๋Š” ์ ์ด ๋‹จ์ ์ด๋‹ค. ์ด๊ฒƒ์„ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋ฐฉ๋ฒ•๋“ค์„ ์ด์šฉํ•˜์—ฌ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ๋‹ค. 1. Code Splitting, Tree-Shaking ์ด ๋ฐฉ๋ฒ•๋“ค์˜ ์ดˆ๊ธฐ ๋กœ๋”ฉ์— ํ•„์š”ํ•œ javaScript์˜ ํฌ๊ธฐ๋ฅผ ์ค„์—ฌ์ฃผ์–ด์„œ ๋กœ๋”ฉ ์†๋„๋ฅผ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค์–ด์ค€๋‹ค. Code Splitting์€ ๋ง ๊ทธ๋Œ€๋กœ ์ฝ”๋“œ๋ฅผ ์ชผ๊ฐ ๋‹ค๋Š” ์˜๋ฏธ์ด๋ฉฐ, Tree-Shaking์€ ๋‚˜๋ฌด๋ฅผ ํ”๋“ค์–ด ์ฃฝ์€ ๋‚˜๋ฌด์žŽ์„ ๋–จ์–ดํŠธ๋ฆฌ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ์‚ฌ์šฉ๋˜์ง€ ์•Š๋Š” ์ฝ”๋“œ๋ฅผ ์ œ๊ฑฐํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ์šฉ์–ด์ด๋‹ค. CSR์˜ .. 2022. 11. 20.
๋ฐ˜์‘ํ˜•