[JS] 템플릿 리터럴(Template literals)이란?

템플릿 리터럴(Template literals)은 ES6부터 새로 도입된 문자열 표기법이며 작은 따옴표 대신 백틱(`)을 이용한다.

Why?

1. 공백(enter, space)인식이 가능하다.

let str = `
hello
    javascript!
        nice to meet you!
`;
console.log(str);

아래 이미지와 같이 공백과 스페이스를 모두 인식한 결과가 나오는것을 확인할 수 있다. ''(작은 따옴표)를 사용할때는 백슬러시()로 시작하는 이스케이프 시퀀스를 사용해야했다.


2. 표현식 삽입이 가능하다.
- ${}안에 변수 또는 연산을 넣어서 사용할 수 있다.

let num = 2022;
let str1 = '지금은'+num+'년';
let str2 = `안녕! 지금은 ${num}년`;

- ${}안에서의 연산 또한 가능하다.

let num = 2022;
let num2 = 1;
let str3 = `내년은 ${num+num2}년`;