자바스크립트 es6 최신문법 사용하기

<script type ="text/babel">

Babel을 이용하면 ES6 이상의 최신 문법으로 작성한 자바스크립트 코드를 ES5 이하의 예전 문법으로 작성한 것 처럼 소스 코드 내의 문법의 형태를 변경할 수 있습니다.

 

예를 들면

 

제가 막혔던 부분은

$("textarea[name='testArea').text(`  변수  `);

 

text 로 받아줄 변수가 Enter (줄바꿈) 이 포함되 있을때 .

 

$("textarea[name='testArea').text(`  변수 

 

`); 

 

이런식으로 변수를 호출할시에 스크립트 페이지 내에서 줄바꿈 현상이 발생을 해서 스크립트 오류가 발생하였다.

이러한 막히는 부분을 해결하는방법을 찾다가 es6문법을 생각했고. 그러면서 babel이라는 트랜스 컴파일러를 사용했다. 

 

babel 을 사용하게 되면 정상적으로 스크립트 오류가 나지않고 작동한다.