템플릿 리터럴(Template literals)

1. 템플릿 리터럴(Template literals)이란?

표현식을 포함한 문자열

2.어떻게 사용하는가?

• (`) Backtick(Grave accent) 을 이용하여 문자열을 감싸주면 사용이 가능하다.
  • 키보드에서 ~ 키랑 같이 있거나 그 옆에 있는 키
• "(double quotes) 또는 ' (single quotes) 대신 사용한다.

	`string` === "string"
	> true

3.언제 사용하는가?

• 결합연산자 생략 및 직관적인 줄바꿈 기능
  • 문자열을 연결해주기 위해 결합연산자 "+"를 쓰지 않아도 된다.
  • 줄바꿈을 하기 위해 "\n"을 굳이 넣어주지 않아도 된다.

//템플릿 리터럴을 사용하지 않을 시(\n)
console.log('string text1\n' + 'string text2');
//템플릿 리터럴 사용 시
console.log(`string text1
string text2`);

> string text1
  string text2

• 문자열 안에 표현식을 포함시키고 싶을 때(표현식 보간법,Expression interpolation)

let a = 10;
let b = 50;
console.log(`a+b = ${a+b}`);
> a+b = 60;

참조사이트
MDN-Template literals