[JS] 템플릿 리터럴: 백틱(``)

템플릿 리터럴 (Template Literal)  : 백틱 (``)

- 내장된 표현식을 허용하는 문자열 리터럴(소스코드의 고정된 값)이다. → ES6 부터 도입

- 이중 따옴표 나 작은 따옴표 대신 백틱(` `)을 이용

 

---

기능 

1. 줄바꿈 가능 - 줄바꿈 그대로 표현됨

 

var say = `
Hi
   my name is nana!
             Bye~`;
             
console.log(say);

 

▼ 실행결과

 

 

 

2. 표현식 삽입 -  $와 중괄호( $ {expression} ) 로 표기

 

var name = `망고`;
var price = 1000;
var num = 2;

console.log(`${name}의 가격은 ${price * num}원`); //${}안에 변수나 연산 등 삽입

 

▼ 기존 방식

 

console.log(name + '가격은' + (price * num) + '원');