[WebDev][Webpack] Webpack ์๊ฐ: ํ๋์ ์ธ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฒ๋ค๋ฌ
1. Webpack์ด๋?Webpack์ ์๋ฐ์คํฌ๋ฆฝํธ ์ ํ๋ฆฌ์ผ์ด์
์ ๋ชจ๋ ๋ฒ๋ค๋ฌ(module bundler)๋ค. ์น ๊ฐ๋ฐ์์ ์ฌ๋ฌ ๊ฐ์ ์๋ฐ์คํฌ๋ฆฝํธ, CSS, ์ด๋ฏธ์ง ๋ฑ์ ํ๋์ ๋ฒ๋ค ํ์ผ๋ก ๋ฌถ์ด์ฃผ๋ ์ญํ ์ ํ๋ค.2. Webpack์ด ํ์ํ ์ด์ ์น ๊ฐ๋ฐ์ด ์ ์ ๋ณต์กํด์ง๋ฉด์ ๋ค์ํ ํ์ผ๊ณผ ๋ชจ๋์ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํด์ผ ํ๋ ํ์์ฑ์ด ์๊น. Webpack์ ์ฌ์ฉํ๋ฉด ๋ค์๊ณผ ๊ฐ์ ์ฅ์ ์ด ์์.๋ชจ๋ํ ์ง์: ES6+ ๋ชจ๋, CommonJS, AMD ๋ฑ์ ๋ค์ํ ๋ชจ๋ ์์คํ
์ ์ง์ํจํ์ผ ํฌ๊ธฐ ์ต์ ํ: ์ฝ๋ ์์ถ, ํธ๋ฆฌ ์์ดํน(Tree Shaking) ๋ฑ์ ํตํด ์ต์ ํ ๊ฐ๋ฅ๊ฐ๋ฐ ์์ฐ์ฑ ํฅ์: HMR(Hot Module Replacement) ๊ธฐ๋ฅ์ผ๋ก ์ฝ๋ ๋ณ๊ฒฝ ์ ๋น ๋ฅด๊ฒ ๋ฐ์๋จ์์ ๊ด๋ฆฌ: CSS, ์ด๋ฏธ์ง, ํฐํธ ๋ฑ๋ ๋ชจ..