Vanilla JS - 템플릿 문자열(template string)

ES2015 이전에는 변수와 문자열을 같이 사용할때는 아래와 같이 사용했었다

var age = 33;
var name = "jh";
​
var info = "내이름은 " + name + " 나이는 " + age + " 입니다."
var info2 = "내이름은 ", name, " 나이는 ", age, " 입니다."

하지만 ES2015 이후에는 문자열이 템플릿 처럼 쓰일 수 있게 되었다.

아래와 같이 `(백틱)을 사용한다.

const info = `내이름은 ${name} 나이는 ${age} 입니다.`

추가로 줄바꿈도 ES2015 이전에는 \n을 사용했는데, 백틱을 사용하면 눈에 보이는 그대로 적용이 가능하다

var intro =  '바르고 \n뜨겁게';
const intro2 = `바르고
뜨겁게`;