개인 프로젝트를 하려다가 Babel 개념이 나와서 어떤 건지 짚고 넘어가기로 했다.

Babel

ES5 와 ES6,7 차이를 먼저 알아보자.
ES5는 2009년도에 표준화된 JS로 우리가 알고 있던 JS 표준언어이다.
2015년도에 개정판으로 표준화된 JS가 나오게 되었는데, 이를 ES6라고 한다.
후에 ES7이 나와서 최선 표준이 되었지만 ES6를 많이 쓴다.

변화된 문법중에서 대표적인 것들!

• import&export
• let & const
• class
• arrow function
• template string
• generator
• destructuring

이렇게 변화된 것이 생기면서 ES6코드를 브라우저가 인식하고 실행할 수 있느냐가 중요하다.
모든 브라우저가 ES6 문법을 다 지원하지 못하기 때문에 버전차이가 생긴다.
Babel은 이 문제점을 해결해주는 것으로, ES6,7로 작성된 코드를 브라우저가 인식할 수 있는 ES5로 변환
시켜주는 Transpiler이다!

하지만 모든 ES6,7함수를 다 사용할 수 있는건 아니라서 지원하지 않는 함수를 검사해서 처리해 주는 작업이 필요하다. (babel-ployfill)

#https://mwoo526.tistory.com/32 님 참고