์ ๋ Next.js๋ฅผ ์ข์ํ๊ณ ์ผ๋ง ๋์ ํ ์คํธํด ์์ต๋๋ค. 2.0 ๋ฆด๋ฆฌ์ค ๋ ธํธ๋ฅผ ์ฝ์ผ๋ฉด ๊ฐ๋ฐ์ ๊ฒฝํ์ด ์ฐ์ ์์์ธ ๊ฒ ๊ฐ์ต๋๋ค(๊ทธ๋์ผ ํจ).
๋๋ ๋ช ๋ฌ ์ ์ ํจ์ฆ ๋ฐ์ค๋ฅผ ๋ง๋ฌ๊ณ ๋ธ๋ผ์ฐ์ ๊ฐ ํ์ด์ง๋ฅผ ํซ ๋ฆฌ๋ก๋ํ๋ ์๋์ ์ ๋ง ๊ฐ๋ํ์ต๋๋ค. ์ด๋ ๊ฒ ๋น ๋ฅธ ๊ฑด ๋ณธ ์ ์ด ์์ด! 100ms ๋ฏธ๋ง์ด์์ต๋๋ค.
fuse-box์๋ ๋ช ๊ฐ์ง ๋ค๋ฅธ ๋ฉ์ง ๊ธฐ๋ฅ์ด ์์ผ๋ฉฐ next.js์ ์ ๋ง ์ ์ด์ธ๋ฆฌ๋ ๊ฒ ๊ฐ์ต๋๋ค. ํจ์ฆ๋ฐ์ค ์ฌ์ฉํด๋ณด์ ๋ถ ๊ณ์ ๊ฐ์?
Next.js๋ ๊ฑฐ์ Webpack์ ๊ธฐ๋ฐ์ผ๋ก ํฉ๋๋ค. fuse-box๊ฐ ํ๋ฅญํ๊ฒ ๋ค๋ฆฌ์ง๋ง webpack์ ๋น ๋ฅด๊ฒ ๋ง๋ค๊ธฐ ์ํด ํ ์ ์๋ ์ผ์ด ๋ง์ด ์๊ธฐ๋ฅผ ๋ฐ๋๋๋ค.
๊ทธ๋ฆฌ๊ณ ๊ฐ์ฅ ๋ง์ด ์ฑํ๋๊ณ ์์ผ๋ฉฐ ๊ฐ๊น์ด ์์ผ ๋ด์ ์ด๋ฅผ ๋์ฒดํ ๊ณํ์ ์์ต๋๋ค.
ํจ์ฆ ๋ฐ์ค๋ ์ ๋งํด ๋ณด์ ๋๋ค. Webpack์ด ์ฌ๊ตฌ์ถ ์๊ฐ์ ๊ฐ์ ํ๋๋ก ์ฅ๋ คํ๊ธฐ๋ฅผ ๋ฐ๋๋๋ค.
์ด ์ค๋ ๋๋ ์ต๊ทผ ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์๋์ผ๋ก ์ ๊ฒผ์ต๋๋ค. ๊ด๋ จ ๋ฒ๊ทธ์ ๋ํ ์ ๋ฌธ์ ๋ฅผ ์ด๊ณ ์ด ์ค๋ ๋์ ๊ด๋ จ ๋๊ธ์ ๋งํฌํ์ญ์์ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
ํจ์ฆ ๋ฐ์ค๋ ์ ๋งํด ๋ณด์ ๋๋ค. Webpack์ด ์ฌ๊ตฌ์ถ ์๊ฐ์ ๊ฐ์ ํ๋๋ก ์ฅ๋ คํ๊ธฐ๋ฅผ ๋ฐ๋๋๋ค.