์ค๋๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ ํ๊ฒฝ์ ๊ธ๊ฒฉํ ์งํํ๊ณ ์๊ณ , ๋ชจ๋ ๋ธ๋ผ์ฐ์ ๋ค์ ์ด๋ฏธ ์ถฉ๋ถํ ๋ง์ DOM/BOM API๋ค์ ๊ตฌํํ์ต๋๋ค. ์ฐ๋ฆฌ๋ jQuery๋ฅผ DOM ์ฒ๋ฆฌ๋ ์ด๋ฒคํธ๋ฅผ ์ํด ์ฒ์๋ถํฐ ๋ฐฐ์ธ ํ์๊ฐ ์์ต๋๋ค. React, Angular, Vue๊ฐ์ ํ๋ก ํธ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ด ์ฃผ๋๊ถ์ ์ฐจ์งํ๋ ๋์ DOM์ ๋ฐ๋ก ์ฒ๋ฆฌํ๋ ๊ฒ์ ์ํฐํจํด์ด ๋์๊ณ , jQuery์ ์ค์์ฑ์ ์ค์ด๋ค์์ต๋๋ค. ์ด ํ๋ก์ ํธ๋ ๋๋ถ๋ถ์ jQuery ๋ฉ์๋์ ๋์์ IE 10+ ์ด์์ ์ง์ํ๋ ๋ค์ดํฐ๋ธ ๊ตฌํ์ผ๋ก ์๊ฐํฉ๋๋ค.
์์ฆ JavaScript ๊ด๋ จ ํ๋ก์ ํธ๋ฅผ ๋ณด๋ฉด ECMAScript 2015๋ก ๋๋ถ๋ถ ์์ฑํ๋ ๊ฒ์ ๋ณผ ์ ์๊ณ ์ด ์ฝ๋๋ ์๋นํ ๊น๋ํด ์ ธ์ ์ผํ ๋ณด๋ฉด JavaScript ์ฝ๋์ธ์ง ์ธ์ ๋ชป ํ ์ ๋์ด๋ค. ํ์ฌ ๋ณดํต ์ฌ์ฉํ๋ JavaScript๋ ECMAScript์ ๊ธฐ๋ฐ์ ๋๊ณ ์๋๋ฐ ์ ํํ๋ ECMAScript-262 3๋ฒ์งธ ์๋์ ์ ์ฐ๊ณ ์๋ค. ์ด๋ฐ ๊ณผ๊ฑฐ์ ๋ํด์๋ ์ด์ ์ ์ด JavaScript.next์ ๋ํด์์ ์์ธํ ์ ๋ฆฌ๋์ด ์๋ค.
์ดํ ECMAScript 5๋ฅผ ์ง๋์ ECMAScript 6 ์๋์ (ES6)๋ก ์ ์ด๋ค์๊ณ ์ด๋๋ถํฐ๋ ๋ฒ์ ๋ฒํธ๋ฅผ ๋ฆด๋ฆฌ์ฆ ์ฐ๋๋ฅผ ์ฌ์ฉํ๊ธฐ๋ก ํด์ ES2015๋ผ๊ณ ๋ถ๋ฅด๋ฏ๋ก ES6์ ES2015๋ ๊ฐ๋ค.(์ฐธ๊ณ ๋ก ES7์ ES2016์ด ๋ ๊ฒ์ด๋ค.) ES2015์์๋ ์ธ์ด์ ์ผ๋ก ํฐ ๋ณํ๊ฐ ์ด๋ค์ก์ผ๋ฏ๋ก ๋ง์ JavaScript๊ฐ ES2015๊ธฐ๋ฐ์ผ๋ก ๊ฐ์ํ๋ ์ํฉ์ด๋ค. ES2015์ ๋ํ ์ง์์ํ๋ ES6 ํธํ์ฑ ํ์ ์ ๋์ ์๋ค.
์ผ๋ง ์ ์ Babel๋ก ECMAScript 2015 ์ฌ์ฉํ๊ธฐ๋ผ๋ ๊ธ์ ์ฌ๋ ธ๋๋ฐ ES2015๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํ ๊ฐ๋จํ Babel ์ค์ ์ ์ดํด๋ดค๋ค. ์ค์ ํ๋ก์ ํธ์์ Babel๋ก ES2015๋ก ์์ฑํ ์ฝ๋๋ฅผ ๊ณ์ํด์ ํธ๋์คํ์ผ ํ๋ ค๋ฉด ์๋ํ๋ ํ๊ฒฝ์ด ํ์ํ๋ค. ์ฌ๊ธฐ์๋ gulp๋ฅผ ์ฌ์ฉํ๋ค.
Use next generation JavaScript, today, with Babel
Issues with the output should be reported on the Babel issue tracker.