[Java Script] 새로운 문자열 표기법 - Template Literal (템플릿 리터럴)

템플릿 리터럴

기존 문자열을 유동적으로 변수값을 받아 출력한다고 하면 

괄호 닫고 +를 넣어 변수값을 써주고 또 플러스를 넣어 괄호 열고.. 등 이와 같이 했어야 됬지만 ` (백틱, back-tick) 하나로 깔끔하게 가독성 높은 문자열을 표기할 수 있다고 합니다 ┐(´ー｀)┌

` 백틱이라는 이름도 오늘 처음 앎

 

[기존] 

case1)

var name = 'dabo';
console.log('Hello '+name+'~!');

case2)

var name = 'dabo';
var content = 'Hello '+name+':)';
console.log(content);

 

 

[Template Literal 표기법] 

case1)

var name = 'dabo';
console.log(`Hello ${name}~!`);

case2)

var name = 'dabo';
var content = `Hello ${name}:)`;
console.log(content);

 

참고 : https://www.opentutorials.org/course/3332/21045