JS ES6 / Template_literals / 템플릿 리터럴

템플릿 리터럴은 내장된

표현식을 허용하는 문자열 리터럴임.

일반적인 표현식은 아래와 같이 나타낼 수 있지만.

var a = 5;
var b = 10;
console.log("Fifteen is " + (a + b) + " and\nnot " + (2 * a + b) + ".");
// "Fifteen is 15 and
// not 20."

 

템플릿 리터럴을 사용하면 아래와 같이 간단하게 나타낼 수 있음.

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."

백틱으로 단일 문자열로 변환할 요소들을 묶고 ${} 안에 변수같은거 넣어서 이쁘게 합칠 수 있음.