자바스크립트 템플릿 리터럴

처음 문자열을 사용하다보면 이런 상황이 왔었다.

let coke = '콜라';
let price = 1500;
let juice = '주스';
let price2 = 1400;

'coke' + '는' + price + '원 이고' + 'juice' + '는' + price2 + '입니다.'

문장을 만들기 위해서 여러 작업이 필요했다.
자바스크립트 초기에는 이 방법 밖에 없었지만
 
후에 템플릿 리터럴이라는 신박한 방법이 나왔다.
문자열 안에 표현식을 넣을수 있다!
 
사용 방법은 이렇다.
따옴표 대신 ~과 같이있는 `(백틱)을 사용하고 달러$와 중괄호{} 안에 변수를 넣어주면 문자열과 변수를 한번에 입력할 수 있다.
 
템플릿 리터럴을 사용했을 때

let coke = '콜라';
let price = 1500;
let juice = '주스';
let price2 = 1400;

`${coke}는 ${price}원 이고 ${juice}는 ${price2}원 입니다.`

적용을 해보니
손이 덜가고 보기에도 간단해 졌다.