템플릿 리터럴은 문자열을 보다 편리하게 작성할 수 있도록 도와주는 ES6(ES2015) 문법입니다. 기존의 문자열 연결(+) 방식보다 가독성이 좋고, 표현식을 포함할 수 있어 강력한 기능을 제공합니다.
${} 를 사용해 변수 및 표현식을 포함할 수 있습니다.const name = '푸린';
const message = `안녕, ${name}!`;
console.log(message); // 안녕, 푸린!
템플릿 리터럴을 사용하면 여러 줄의 문자열을 쉽게 작성할 수 있습니다.
const multiLineString = `111
222
333
444`;
console.log(multiLineString);
// 111
// 222
// 333
// 444
기존 방식과 비교하면 템플릿 리터럴이 훨씬 간결합니다.
// 기존 방식 (줄바꿈 시 \\n 사용 필요)
const oldMultiLine = "111\\n222\\n333\\n444";
console.log(oldMultiLine);
// 111
// 222
// 333
// 444