-
[React.js] ์ฝ๋ ๋ถํ (Code Splitting) : useTransition ํ
, Suspense ์ปดํฌ๋ํธ, lazy ํจ์
์ฝ๋ ๋ถํ (Code Splitting) : useTransition ํ
, Suspense ์ปดํฌ๋ํธ, lazy ํจ์๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์์ ์ฝ๋ ๋ถํ (Code Splitting)์ ์ฅ์ ๊ณผ ํจ๊ป ์ฌ์ฉ๋๋ @useTransition@ ํ
๊ณผ @Suspense@ ์ปดํฌ๋ํธ, @lazy@ ํจ์์ ๋ํด ์ ๋ฆฌํด๋ณธ๋ค. ์ฝ๋ ๋ถํ (Code Splitting)๊ฐ๋
๋ฆฌ์กํธ ์ ํ๋ฆฌ์ผ์ด์
์์ ์ฝ๋์ ์ผ๋ถ๋ถ์ ๋๋ ์ ํ์ํ ์์ ์ ๋ก๋ํ๋ ๋ฐฉ์ ์ฅ์ ์ ํ๋ฆฌ์ผ์ด์
์ ๋ ์์ ์ฒญํฌ(Chunk)๋ก ๋๋์ผ๋ก์จ ์ด๊ธฐ ๋ก๋ ์ ํ์ํ ์๋ฐ์คํฌ๋ฆฝํธ ํฌ๊ธฐ๋ฅผ ์ค์ธ๋ค.์ด๋ฅผ ํตํด ์ฒซ ํ๋ฉด ๋ ๋๋ง ์๋๊ฐ ๋นจ๋ผ์ง๋ฉฐ, ๋๋ฆฐ ๋คํธ์ํฌ ํ๊ฒฝ์์๋ ๋น ๋ฅด๊ฒ ์๋ตํ ์ ์๋ค.์ฌ์ฉ์๊ฐ ํ์๋ก ํ์ง ์๋ ์ฝ๋๋ ๋์ค์ ๋ก๋๋๋ฉฐ, ์ํธ์์ฉํ ๋๋ง ํ์ํ ์ฝ๋๊ฐ ๋..
2024.09.20