[babel] java script의 최신문법을 구형 브라우저에서도 쓸 수 있다!

소개

es6의 문법을 지원하지않는 브라우저들이 꽤나 있다
이런 브라우저에서는 자바스크립트의 편하고 강력한 최신문법을 사용하지 못한다
하지만 Babel을 이용한다면, 최신 코드들을 호환이 되는 코드로 변환시켜준다.
따라서 우리는 구형 브라우저에서도 새로운 자바스크립트 문법들을 사용할 수 있게된다.

예제

화살표함수는 es6의 문법이다 따라서 구형브라우저에서는 호환이 안될 수 있다. 그럴 경우 바벨을 사용해 호환성을 맞춰준다.

---

cdn : <script crossorigin src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

jsx 또한 구형 코드로 변환시켜준다. 위와 같은 바벨의 cdn코드를 넣어주고,
scrpit 태그의 type 속성에 text/babel 을 삽입시켜주면된다.