[JavaScript] Babel๊ณผ Webpack์„ ์ด์šฉํ•œ ES6+/ES.NEXT ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ๊ตฌ์ถ•

ํฌ๋กฌ, ์‚ฌํŒŒ๋ฆฌ, ํŒŒ์ด์–ดํญ์Šค, ์—ฃ์ง€ ๊ฐ™์€ ์—๋ฒ„๊ทธ๋ฆฐ ๋ธŒ๋ผ์šฐ์ €์˜ ES6 ์ง€์›์œจ์€ ์•ฝ 98%๋กœ ๊ฑฐ์˜ ๋Œ€๋ถ€๋ถ„ ES6 ์‚ฌ์–‘์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ IE 11์˜ ES6 ์ง€์›์œจ์€ ์•ฝ 11%์ด๊ณ . ES6 ์ด์ƒ์˜ ๋ฒ„์ „(ES6+)๊ณผ ์ œ์•ˆ ๋‹จ๊ณ„์— ์žˆ๋Š” ES ์ œ์•ˆ ์‚ฌ์–‘(ES.NEXT)์€ ๋ธŒ๋ผ์šฐ์ €์— ๋”ฐ๋ผ ์ง€์›์œจ์ด ๋‹ค๋ฅธ๊ฒƒ์„ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ES6+์™€ ES.NEXT์˜ ์ตœ์‹  ESCMAScript ์‚ฌ์–‘์„ ์‚ฌ์šฉํ•˜์—ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ ค๋ฉด ์ตœ์‹  ์‚ฌ์–‘์œผ๋กœ ์ž‘์„ฑ๋œ ์ฝ”๋“œ๋ฅผ ๊ฒฝ์šฐ์— ๋”ฐ๋ผ IE๋ฅผ ํฌํ•จํ•œ ๊ตฌํ˜• ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ฌธ์ œ ์—†์ด ๋™์ž‘์‹œํ‚ค๊ธฐ ์œ„ํ•œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ ๋Œ€๋ถ€๋ถ„์˜ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋ชจ๋“ˆ์„ ์‚ฌ์šฉํ•˜๋ฏ€๋กœ ES6 ๋ชจ๋“ˆ(ESM)์™ธ์˜ ๋ณ„๋„์˜ ๋ชจ๋“ˆ ๋กœ๋”๋„ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. IE๋ฅผ ํฌํ•จํ•œ ๊ตฌํ˜• ๋ธŒ๋ผ์šฐ์ €๋Š” ESM์„ ์ง€์›X ESM์„ ์‚ฌ์šฉ..