템플릿 문자열

템플릿 문자열

2015년에 출시 되었던 ES2015 문법에 새로운 문자열이 추가되었다.

큰따옴표나 작은따옴표로 감싸는 기존 문자열과는 다르게 백틱(`)으로 감싸는 방식이다. 이 백틱을 사용한 문자열 방식에서 가장 특이한 점은 문자열 안에 변수를 넣을 수 있다는 것이다.

i.e.

var string1 = num1 + ' 더하기 ' + num2 + "는 \"" + result + "\"";

const string2 = `${num1} 더하기 ${num2} 는 "result"`;

위의 예시를 통해서 알 수 있듯이, 백틱을 사용한 템플릿 문자열은 기존 문자열과는 다르게 ${}를 사용해서 변수의 값에 접근할 수가 있다. 또한, 문자열 내에서 큰따옴표나 작음따옴표를 '\'문자 없이 사용해도 된다.

이 템플릿 문자열 방식을 사용하면 변수와 문자열로 이루어진 복잡한 문자열을 더 쉽게 사용할 수가 있다.