[자바스크립트(JavaScript)] Template Literals(템플릿 리터럴)

// 템플릿 리터럴, Template Literals

- 표현식을 포함한 문자열

---

코드를 작성하다 보면 문자열에 여러 변수를 넣어서 사용해야 할 때가 많다.

데이터 바인딩을 하다 보면 늘상 있는 일,,

price = 1000 이고, cnt = 2일 때, '총액은 : 2000원입니다." 라고 출력해야 하는 상황이 생겼을 때,

'총액은 ' + (price * cnt) + '입니다.'

라고 작성해야 한다면 굉장히 비효율적이다.

작은 따옴표 열고 닫고를 반복해야 하며 '+'를 사용해서 연결까지 해주어야 한다.

이러한 문제를 해결해주기 위해 나온 것이 템플릿 리터럴이다.

• 템플릿 리터럴에는 따옴표 대신 `(back-tick) 기호를 사용한다.
• 표현식은 ${} 안에 적는다.

`총액은 ${price * cnt}입니다.`