[JavaScript] 템플릿 리터럴 Template literal

템플릿 리터럴 ?

자바스크립트(ES6, ECMAScript 2015 이후)에서 도입된 공식 문법으로 기존 문자열 연결 방식보다 더 간결하고 가독성 좋게 문자열을 만들 수 있는 문법.

• 문법
  - 문자열은 백틱( ` ) 으로 감싼다.
  - ${} 안에 변수나 표현식을 넣으면 그 결과가 문자열에 삽입된다.

기존의 문자열에 변수 넣는 방법

let name = "철수";
let age = 25;
let msg = "안녕하세요, 저는 " + name + "이고 나이는" + age + "살입니다.";

템플릿 리터럴 사용 방법

let name = "철수";
let age = 25;

let msg = `안녕하세요, 저는 ${name}이고 나이는 ${age}살입니다.`;

표현식도 가능!
${} 안에는 단순 변수 뿐만 아니라 계산식도 가능

let a = 10;
let b = 5;
console.log(`합은 ${a + b}입니다.`);  // "합은 15입니다."