템플릿 리터럴이란 자바스크립트에서 문자열을 입력하는 방식이다.
const str = "Hello, javascript!"기존에는 위와 같은 방식으로 사용했다면, 템플릿 리터럴 방식을 통해 백틱을 이용하여 여러줄에 걸쳐 문자열을 정의하거나 자바스크립트의 변수를 문자영 안에 바로 적을 수 있다.
const str = `Hello, javascript!``
// 기존과 달리 백틱(``)을 사용!!!템플릿 리터럴 방식을 사용하면 백틱 안에서 줄바꿈을 자유롭게 할 수 있다. 이전에 따옴표를 사용할 때 줄바꿈을 할 경우 + 와 /n를 계속 추가해주어야 했던 문제를 해결 할 수 있다.
const sentence = `이렇게 템플릿 리터럴 방식을 사용하면 줄 바꿈을
내
마
음
대
로
할 수 있습니다!`문자열에 변수 대입
또 하나의 장점은 문자열과 함께 변수를 아래와 같이 간편하게 사용할 수 있다. 이 경우, 변수를 ${ }로 감싸주어야 한다.
const title = 'you were beautiful';
const str = `I love ${title} by Day6!`;
console.log(expression); // I love you were beautiful by Day6!