[Javascript] 템플릿 문자열

🌼 문자열에 변수를 포함시킬 때 더 직관적이고 편하게 사용하기 위한 기능

 

👉덧셈 연산자 보다 편리하게 변수에 할당해 줄 수 있다.

👉줄바꿈도 편리하게 가능하다.

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."

 백틱(``)과 ${변수} 를 사용하면 가독성이 훨씬 좋다.

줄바꿈도 (\n)을 사용하지 않고 쉽게 가능하다.