1-2. Template Literal(템플릿 리터럴)

-Template Literal

기존의 javascript는 문자열을 입력할때 ''(작은따옴표) 또는 ""(큰따옴표)를 사용했다.

Template Literal 방식은 ``(백틱)을 사용한다.

(`은 ~을 입력할 때 사용하는 key를 shift없이 누르면 입력된다.

   mac의 경우 키보드에 표시는 ₩로 되어있지만 똑같이 사용할 수 있다.

   혹시 `대신 ₩가 입력된다면 shift 대신 option과 함께 입력하면 된다)

 

사용방법

사용방법은 간단하다 그저 따옴표 대신 백틱을 입력하는 것.

const sayYaho = () => `Yaho`; console.log(sayYaho()); // Yaho

 

문자열 + 변수

그렇다면 문자열과 변수를 병합해야 하는 경우는?

${} 안에 원하는 변수를 입력하면 된다

const sayColor = (color = "Red") => `This is ${color}`;
console.log(sayColor()); // This is Red
console.log(sayColor("Blue"); // This is Blue