JS의 템플릿 리터럴

 

사실 자료형의 문자형을 할 때 살펴봤습니다.

템플릿 리터럴은 큰 따옴표 나 작은 따옴표 대신 백틱(``) 을 이용합니다.

따라서 예제들을 통해서 좀 더 살펴보겠습니다.

// 두 문자열을 줄바꿈을 포함해서 출력
console.log(`string text line 1
string text line 2`);

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

let name = 'KKW';
const greeting = 'Hello my name is ${name}';
console.log(greeting);

// 중첩 템플릿
const classes = `header ${
  isLargeScreen() ? "icon-expander" : "icon-collapser"
}`;
// 여기서 isLargeScreen()은 true나 false를 반환하는 함수라고 가정합니다!
// ? 는 삼항 연산자로 isLargeScreen()이 true면 앞에 있는 녀석 flase면 뒤에 있는 녀석을 반환