[ ES6 Script ] JS ES5,ES6 템플릿 문자열 표현식 과 백틱

- ES5 템플릿 문자열 표현식

 

 

기존의 싱글쿼테이션 ('문자열') 과 더블쿼테이션 ("문자열") 방법을

백틱 문자를 사용해 문자열을 여닫는 것을 템플릿 문자열 표현식이라고 합니다.

 

백틱 문자는 ` 를 의미합니다.

 

 

 

var test = 'test:'+'tt'+'\ntest2:'+'tt2';
console.log(test);

 

 

ES5에서는 개행문자, 병합등을 이용해 변수나 상수 안에 문자열을 넣어 사용했었습니다.

 

- ES6 템플릿 문자열 표현식

 

하지만 ES6으로 오면서 백틱 안에 멀티라인 스트링을 입력하여 템플릿 문자열 표현식을 사용해

문자열에 변수도 입력하고 계산식 해석 등 해석이 가능한 것은 다 가능합니다.

 

let test3='tt';
let test4='tt2';

console.log(`
test3 : ${test3}
test4 : ${test4}
`);