๐ Reference
๐ย Chapter
โฃ
์ต์ ํ: ์ฑ๋ฅ, ๋น๋, SEO
โฃ
์ต์ ํ: ์ฑ๋ฅ, ๋น๋, SEO - Next.js
โฃ
dynamic import๋ฅผ ์ฌ์ฉํ๋ฉด ๋ชจ๋์ ๋น๋ ํ์์ด ์๋ ๋ฐํ์์ ๋ถ๋ฌ์ค๋๋ก ํ๋ค.dynamic import์ ๊ณต์ ๋ฌธ๋ฒ์์๋ย importย ํธ์ถ์ด promise๋ฅผ ๋ฆฌํดํ๋ ๊ฒ์ฒ๋ผ ์ฝ๋๋ฅผ ์์ฑํ๋ค.import() ๊ตฌ๋ฌธ์ ์ฌ์ฉํ์ฌ ์ฝ๋ ๋ถํ (Code Splitting)์ ๊ตฌํํ๋ ๋ฐฉ๋ฒ์ด๋ค.Next.js๋ย import()๋ฅผ ์ฌ์ฉํ์ฌ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ย next/dynamic์ ํตํดย Reactย ์ปดํฌ๋ํธ์ ์ง์ฐ ๋ก๋๋ฅผ ์ง์ํ๋ค.JavaScriptย ์์ ์ค์ฌ ์ด๊ธฐ ๋ก๋ฉ ์ฑ๋ฅ์ ํฅ์์ํจ๋ค.JavaScriptย ๋ฒ๋ค์ ํฌํจ๋์ด ๊ฐ์ ธ์จ๋ค.next/dynamic์ย React.lazy์ย Suspense์ ๋ณตํฉ ํ์ฅ์ด๋ค. ์ปดํฌ๋ํธ๋ย Suspenseย ๊ฒฝ๊ณ๊ฐ ํด๊ฒฐ๋ ๋๊น์ง ์ํ๋ ์ ์๋ค.