[JavaScript 문법]ES6 템플릿 리터럴에 대해 알아보자

템플릿 리터럴(Template literals)

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
더 살펴보자면 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공한다.
템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 처리/변환된다.

 

템플릿을 좀 더 쉽게 편집하고 작성하기 위해 추가된 기능이나, 자체적으로 지원하기 전에도 라이브러리로 존재했던 기능이다.

 

템플릿 리터럴은 따옴표('' or "") 대신 백틱(``) 으로 감싸준다.

 

Usage

`text / 텍스트 입니다.`
`줄바꿈 1
 줄바꿈 2` /* 출력 : `줄바꿈 1
 			줄바꿈 2` */

const temp = 'test'
console.log(`${temp} test`) // 출력 : test test

 

위의 예시처럼, 줄바꿈을 할 때 \n 을 사용하지 않아도 되며,

${변수명}을 사용하여 표현식을 표기할 수 있다.