Template Literal

Template Literal이란 ‘(따음표), “(쌍따음표) 대신 `(백틱)을 이용하여 새로운 문자열 표기법이 추가되었습니다. 문자열 안에서 따음표와 쌍따음표를 사용하려면 \ (backslash)를 이용했어야 했는데 Template Literal 내에선 \ (backslash)가 필요없어졌습니다.

문법

const gretting = `Hello`;

일반 문자열처럼 `(백틱)을 이용하여 문자열을 표현 할 수 있습니다.

const name = 'Kim';
const gretting = `Hello`;
console.log(`${gretting}, ${name}!`); // Hello, Kim!

백틱 안 문자열에서 ${}이용하여 변수를 사용 할 수 있습니다.

const thisYear = 2020;
const birthYear = 1990;
console.log(`I am ${thisYear - birthYear} years old.`); // I am 30 years old.

${}안에서 변수를 계산 할 수 있습니다.

const name = "Kim"
const thisYear = 2020;
const birthYear = 1990;
const job = 'developer';
console.log(`I'm ${name}.
I'm ${thisYear - birthYear} years old.
My job is '${job}'.`);
/*
I'm Kim.
I'm 30 years old.
My job is 'developer'.
*/

위 코드와 같이 개행을 할 수 있습니다.