ํด๋ผ์ด์ธํธ ๋น๋
1. ํด๋ผ์ด์ธํธ ๋น๋ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ํด๋ผ์ด์ธํธ ์ธก ์ฝ๋(HTML, CSS, JavaScript ๋ฑ)๋ฅผ ์ค๋นํ๋ ๊ณผ์ ์ด๋ค. ์์ค ์ฝ๋์ ์ปดํ์ผ, ๋ฒ๋ค๋ง, ๋ณํ, ์ต์ ํ, ํ
์คํธ, ๋ฐฐํฌ ๋ฑ์ ํฌํจํ๋ค. ์ด ๋ ์ฌ์ฉ์์๊ฒ ๋น ๋ฅด๊ณ ํจ์จ์ ์ธ ์น ์ฑ์ ์ ๊ณตํ ์ ์๋๋ก ์ฌ๋ฌ ๊ธฐ์ ์ด ์ ์ฉ๋๋ค. 2. ๋น๋ ๊ณผ์ (w/Babel&Webpack) ์ปดํ์ผ(Compilation): Sass โ CSS, TypeScript โ JavaScript, ES6+ โ ES5 ์ดํ(transpiling). ์์ค ์ฝ๋๋ฅผ ๊ธฐ๊ณ์ด๋ก ๋ณํ. ๋ฒ๋ค๋ง(Bundling): ๋ชจ๋ ์ฝ๋, ์์ ๋ฐ ์์กด์ฑ์ ํ๋์ ๋ฒ๋ค๋ก ๊ฒฐํฉํ๋ ์์
. ์๊ฒ ๋ถํ ๋ ์ฝ๋ ๋ชจ๋(code splitting)๊ณผ ์์๋ค๋ก ์ง์
์ (entry point)์ ๊ธฐ์ค์ผ๋ก ํ ์์กด์ฑ ..
2024. 4. 3.