[JavaScript] Template literal

 

1. Template literal

 

아아!! 이름만들어도 모르겠다.. 

 

간략하게 말하자면 JavaScript에서 문자열을 표시하는 방법에는 ' '(작은따옴표) " "(큰따옴표)가 있다.

 

const str1 = '문자열 입니다.';

const str2 = "문자열 입니다.";

하지만 ES6부터 템플릿 리터럴 이란게 등장 했다 두둥!!

리터럴은 일반 문자열과 비슷해 보이지만 ',"를 대신해서 `를 사용한다.

 

 

기존에 문자열을 더하는 기능은 +를 이용해서 사용하였다.

const str1 = "가나다"
const str2 = "라마바"

// 일반적인 문자열
console.log("한글:" + str1 + str2 + '...') // -> result: "가나다라마바"

// 리터럴 문자열 표기법
console.log(`한글:${str1}${str2}.`) // -> result: "가나다라마바"

 

참고로 ${...}로 선언한 표현식은 강제로 타입을 변환한다.

// ${1+2}는 숫자 정수 더하기 인데 출력은 문자열로 출력!
console.log(`1 + 2 = ${1+2}`); // -> result:1 + 2 = 3