템플릿 리터럴

템플릿 리터럴(Template Literal)

템플릿 리터럴은 S6부터 새로 도입된 문자열 표기법으로 문법적으로 더 편하게 문자열을 생성하는 방법입니다. 

문자열 생성 시 따옴표 대신, 백틱(`)을 사용합니다.

템플릿 리터럴의 기능

1. 줄바꿈

일반적인 문자열에서 줄 바꿈은 허용되지 않으며 공백(white-space)을 표현하기 위해서는 백 슬래시(\)로 시작하는 이스케이프 시퀀스(Escape Sequence)를 사용하여야 합니다. 템플릿 리터럴은 일반적인 문자열과 달리 여러 줄에 걸쳐 문자열을 작성할 수 있으며 템플릿 리터럴 내의 모든 공백은 있는 그대로 적용됩니다.

let str01 = `Hi
                         I am                 
GYChoi!`;
console.log(str01);

 

2. 문자열 인터폴레이션(String Interpolation)
템플릿 리터럴은 + 연산자를 사용하지 않아도 간단한 방법으로 새로운 문자열을 삽입할 수 있는 기능을 제공합니다. 이를 문자열 인터폴레이션이라고 합니다. 기존의 따옴표 방식에서는 + 연산자로 여러 번 이어 붙여야 했지만 ${ } 사이에 변수나 연산 등을 삽입해서 사용할 수 있습니다. 문자열 인터폴레이션 내의 표현식은 문자열로 강제 타입 변환됩니다.

let str01 = "곱하기"
let num01 = 2;
let num02 = 5;
console.log(num01 + str01 + num02 + "는" + num01*num02 + "이다.");
console.log(`${num01}${str01}${num02}는${num01*num02}이다.`);