백틱(`)과 템플릿 리터럴

JavaScript 템플릿 리터럴은 ECMA스크립트 6(ES6)에 도입된 새로운 기능으로 보다 강력하고 유연한 구문으로 문자열을 만들 수 있다. 템플릿 리터럴은 작은따옴표나 큰따옴표 대신 백틱(`)으로 묶는다.

템플릿 리터럴의 주요 이점 중 하나는 문자열에 식을 ${}(으)로 묶어서 포함할 수 있다는 것이다.

let name = "John";
let age = 30;
console.log(`My name is ${name} and I am ${age} years old.`); // Output: "My name is John and I am 30 years old."

 

템플릿 리터럴을 사용하면 이스케이프 문자()를 사용하지 않고 여러 줄의 문자열을 만들 수 있다.

let text = `This is
a multiline
string`;
console.log(text);
/* Output:
This is
a multiline
string
*/

let price = 10;
let VAT = 0.25;

let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;