[JavaScript] (`) 백틱(backtick)과 템플릿 리터럴

세상 강력한 백틱(backtick)

JavaScript에서 템플릿 리터럴에 활용되는 강력한 문자가 있다.

바로 키보드에서 숫자 1 왼쪽에 자리하고 있는 문자 (`) 이다.

이 문자를 백틱(backtick)이라고 하는데 언뜻 잘못보면 작은 따옴표와 혼동하기 아주 딱 좋다...

 

영문명칭으로는 Backquote, backtick, grave accent 등 다양한 이름이 붙어있다.

 

자바스크립트에서는 백틱(`)을 사용하여 문자열을 표현하는 것을 '템플릿 리터럴'이라고 한다.

백틱을 사용하는 장점은 여러가지가 있지만 가장 큰 장점은 다음과 같다.

1. (\n) 등을 사용하지 않고도 줄바꿈을 쉽게 할 수 있다.

2. 문자열 내부에 표현식을 포함 할 수 있다.

3. 표현식을 사용함으로써 (' ')(" ")라던가 (+) 등 문자열을 표현하기 위해서 사용했던

   번거로운 수고들을 많이 덜 수 있다.

// 일반 문자열 사용시...
console.log("My name is " + name + " and I'm " + age + " years old.");

// 템플릿 리터럴 사용시...
console.log(`My name is ${name} and I'm ${age} years old.`);