자바스크립트 ES6 템플릿 리터럴 JSTL과 같이 사용방법

 

템플릿 리터럴은 자바스크립트 ES6 문법에서 추가된 기능 입니다.

​

기존 (ES5)

var a = 5;
var b = 10;
console.log('Five is ' + a + ' and\nnot ' + (a + b) + '.');

​

템플릿 리터럴 (ES6)

var a = 5;
var b = 10;
console.log(`Five is ${a} and
not ${a + b}.`);

 

​JSTL과 같이 사용하기

${} 문법은 JSTL에서도 사용되는 문법이기 때문에, 템플릿 리터럴로 인식되는 것이 아니라 JSTL로 인식 합니다.

그래서 아래와 같이 사용해야 합니다.

var a = 5;
var b = 10;
console.log(`Five is ${'${a}'} and
not ${'${a + b}'}.`);