javascript - template literal

template literal은 문자열 표기법 중의 하나로 보통의 ( ', " ) 대신 ( ` )의 기호를 사용한다. 

템플릿 리터럴의 강력한 기능 중의 하나는 일반적인 문자열은 줄바꿈을 위해 \n을 사용해야하는 것에 반해 

( enter )키 한번으로 여러줄의 문자열을 작성할 수 있다는 것이 장점이다. 또한 ( + )연산자의 사용을 하지 않아도 

${변수표현식} 의 꼴로 삽입하여 사용이 가능하다는 장점이 있다. 이처럼 template literal을 쓰면 가독성이나 코드

작성에 있어서 편리하다는 장점이 있다.

 

//기존의 문자열 방식

var name = 'kk9921';
var letter = 'Dear '+name+'\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut 

labore et dolore magna aliqua. Ut enim ad minim kidari veniam, quis kidari nostrud exercitation ullamco laboris nisi ut aliq

uip ex ea commodo consequat. Duis aute kidari irure dolor kidari in reprehenderit kidari in voluptate velit esse cillum dolor

e '+name+' eu fugiat nulla pariatur. Excepteur '+name+' sint occaecat cupidatat non proident, sunt in culpa qui officia des

erunt mollit anim id est laborum.';
console.log(letter); 

//template literal을 적용한 방식
var letter = `Dear ${name}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim kidari veniam, quis kidari nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute kidari irure dolor kidari in reprehenderit kidari in voluptate velit esse cillum dolore ${name} eu fugiat nulla pariatur. Excepteur ${name} sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`;

console.log(letter);