Template Literals

Template Literals 이란?

• ES6 에서 도입한 문자열 표기법이다.
• 따옴표 문자 ' " 대신 백틱 문자 ` 를 사용한다.

ex)

const template = `템플릿 리터럴 '작은따옴표' "큰따옴표"`;

장점

• 작은따옴표와 큰따옴표를 혼용할 수 있다.
• 일반 문자열과 달리 템플릿 리터럴 내의 모든 white-space는 있는 그대로 적용된다.

문자열 인터폴레이션 (String Interpolation)

• 템플릿 리터럴은 + 연산자를 사용하지 않아도 새로운 문자열을 삽입할 수 있다.
• ${ ... } 으로 표현식을 감싸주면 문자열로 타입이 변경된다.

ex)

const name = "홍길동";

// 기존 방식 ES5
console.log("제 이름은 " + name + "입니다.");

// 템플릿 리터럴 ES6
cosole.log(`제 이름은 ${name}입니다.`);