[JS] Template Literals

Template Literals

Template Literals 이란 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이고 ES6에서 추가되었다.

기본 사용법

let name = `철수`

`` 으로 감싸서 사용한다.

---

변수 삽입 

const apple = 1
const banana = 2

console.log("철수는 사과를" + apple + "개," + "바나나를" + banana + " 개 가지고 있습니다.") // ES5
console.log(`철수는 사과를 ${apple} 개 바나나를 ${banana} 개 가지고 있습니다.`) // ES6

ES5 에서는 문자열과 변수를 사용할 때  문자열은 "" 로 감싸고 그 후에 변수를 사용할 때 + 를 붙여서 사용하였다.

하지만  ES6 에서는 `(백틱) 으로 감싸서 필요한 변수를 호출 하고 싶을 때는 ${변수명} 을 사용한다.

---

줄 바꿈

let name = "철수"
console.log(`${철수}야 
놀자`)

`(백틱) 안에서 작성한 문자열은 escape 문자를 사용하지 않아도 줄바꿈을 할 수 있다.
즉 Template Literals안에 있는 모든 공백은 그대로 적용된다.