728x90
Template literals이란 ??
- 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다.
- 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다
`string text`
`string text line 1
string text line 2`
// "string text line 1
// string text line 2"
// 위처럼 표시하려면 아래와 같이 입력하면 됨!
console.log("string text line 1\n"+"string text line 2");
console.log(`string text line 1
string text line 2`);
//아래 템플릿레터럴 표기법을 이용하면 훨신 간단하게 표현할수있다표현식을 쓸때 !
let a = 5,
b = 10;
console.log("Fifteen is " + (a + b) + " and\nnot " + (2 * a + b) + ".");
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
//번거로움 없이 '\n' 없이 아래와 같이 쓸수가 있다변수값을 표현할땐 !
let a = 5,
b = 10;
console.log(`${a} and ${(2 * a) + b}`);
//위와같이 표현할수있으며 style 태그 또한 포함이 가능하다 !