백틱(backtick) ` ${} 템프릿 리터럴 사용이유

ES6에서는 템플릿 리터럴이라는 새로운 문자열 표기법을 도입했다.

 

템플릿 리터럴은 이중 따옴표나 작은따옴표 대신 백틱을( ` )사용해서 표현하는데 ' 작은따옴표와 혼동할 수가 있으나 백 틱은 일반적으로 키보드 tab키 위에 있는 표시를말한다.

 

백틱(backtick) 사용 이유

• "", '', + 연산자를 사용하지 않고 간단하게 문자열을 삽입할 수 있다.
• (\n)등 줄 바꿈이나 공백 표현을 위해서 백 슬래시로 시작하는 Escape Sequence를 사용하지 않아도 된다.
• 문자열 내부에 포함식을 포함할 수 있다.
• 멀티라인 사용이 가능하다.

//일반적인 문자열
console.log("가격은"+ price + "원 입니다.");
//템플릿 리터럴
console.log(`가격은 ${price}원 입니다.`);

 

 

템플릿 리터럴은 플레이스 홀더를 이용한 ${expression}으로 표현식을 넣어준다.

console.log(`1+1 = ${1 + 1}`); // 1+1 = 2