[JS] 템플릿 문자열(Template strings)

ES6에서는 템플릿 문자열(Template strings)이라고 불리는 새로운 문자열 표기법을 도입했다. 템플릿 문자열은 ‘ 또는 “ 같은 통상적인 따옴표 문자 대신 백틱(backtick) 문자 `를 사용한다.

👻 템플릿 문자열 특징

//백틱
console.log(`hello~`); 

//내부 큰따옴표(""), 작은따옴표('') 혼용
console.log(`hello "world", hello, 'user'`);

//개행, 여러 줄에 걸쳐 문자열 선언
console.log(`<ul>
  <li>banana 🍌</li>
  <li>apple 🍏<li>
  <li>tomato 🍅<li>
</ul>`);

// ${} 로 표현식 삽입 
console.log(`1+2= ${1+2}`);

• `(백틱) 를 사용
• 내부에 큰따옴표(""), 작은따옴표('') 혼용
• 여러 줄에 걸쳐 문자열 선언
• ${} 로 표현식 삽입