[Javascript] Template literals

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔습니다. -MDN

Template literals

• ES6의 특징 중 하나로 백틱 ` 을 사용한다.
• 플레이스 홀더 ${} 를 사용해 문자열에 표현식을 넣을 수 있다.
• Multi-line Strings (개행이 가능하다.)

기존 방식 (ES5)

let name = "짱구"
let age = 5
let school = "떡잎유치원"

const result = name + "의 나이는 " + age + "살이고 \n" +
"학교는 " + school + "입니다."

console.log(result)  // 짱구의 나이는 5살이고
					 // 학교는 떡잎유치원입니다.

Template literals

let name = "짱구"
let age = 5

const result = `${name}의 나이는 ${age}살이고
학교는 ${school}입니다.`

console.log(result)  // 짱구의 나이는 5살이고
					 // 학교는 떡잎유치원입니다.