[ES6] Template Literals (템플릿 리터럴) + 추가된 문자 메서드

💡 Template Literals

- 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다.

- 여기서 리터럴(Literal)은 변하지 않는 데이터를 의미한다.

- 고로 템플릿 리터럴은 표현식을 가지고 있는 문자열 리터럴이라는 것이다.

- 템플릿 리터럴은 백틱(`` , 숫자 1 옆에 있다)(grave accent)과 ${expression}으로 구성된다. 

 

[특징]

- 항상 문자열을 사용하여 줄바꿈 할 때 \n을 사용했지만 템플릿 리터럴은 그냥 엔터를 사용하여 띄어주면 된다.

- 백틱(``)을 사용하기 때문에 작음따옴표(''), 큰따옴표("")를 이스케이스문 없이 사용할수 있다. 

💡 예시

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."

 

 

 

 

 

참고)

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals

Template literals - JavaScript | MDN