템플릿 리터럴

→ ES6에서 도입된 새로운 문자열 표기법 : 문자열을 백틱 ``` 으로 표기하는 방법

→ 문자열

기존 문자열의 불편함1

→ 변수를 내용을 사용할 때 따로 작성해야 되는 불편함이 존재했음

const name = "minchul";
console.log("안녕 내 이름은 " + name + "이야");

→ 이렇게 고쳐 쓸 수 있음

const name = "minchul";
console.log(`안녕 내 이름은 ${name}이야.`);

기존 문자열의 불편함2

→ 변수 계산값을 사용할때 따로 써야 한다는 불편함도 존재했었음

→ 숫자와 문자를 더하면 숫자를 문자로 인식하여 다음 결과는 “총 금액은 510입니다.”로 나오는 문제점이 존재함

console.log("총 금액은" + 5 + 10 + "입니다.");

→ 정상적으로 출력하고자 한다면 이렇게 작성했었어야 했음

console.log("총 금액은" + (5 + 10) + "입니다.");

→ 고쳐 쓴 내용

console.log(`총 금액은${5 + 10}입니다.`);

문자열 안에서 제어문도 사용할 수 있음

let homework = true;
console.log(`아 숙제 ${homework ? "다했다." : "아직 다 못했어."}`)