JavaScript의 템플릿 문자열

특별한 형태의 따옴표 - 백틱이 존재합니다:

let str = `abc`;
alert(str); // 'abc'를 출력합니다

백틱 안에서는 변수 삽입을 할 수 있습니다. 이를 위해 변수명을 구조 ${} 안에 작성해야 합니다.

예제를 통해 살펴봅시다. 문자열과 변수의 연결을 수행하고 싶다고 가정합니다:

let str = 'xxx';
let txt = 'aaa ' + str + ' bbb';

이 코드는 다음과 같이 다시 쓸 수 있습니다:

let str = 'xxx';
let txt = `aaa ${str} bbb`;

다음 코드를 변수 삽입을 사용하여 다시 작성하세요:

let str1 = 'xxx';
let str2 = 'yyy';
let txt  = 'aaa ' + str1 + ' bbb ' + str2 + ' ccc';