[JS] 자바스크립트 backtick(`) 억음부호 란?

키보드 에서 backtick 위치 숫자 1 왼쪽에 자리하고 있는 문자 (`)

자바스크립트 String 값에 따옴표를 사용합니다.

var str = "yunamom";

var str = 'yunamom';

var str = `yunamom`;

JavaScript에서 템플릿 리터럴에 활용되는 문자(억음부호) 가 있다.

 

이 문자(억음부호) 를 백틱(backtick)이라고 하는데 언뜻 잘못보면 작은 따옴표와 혼동하기 쉽다.

 

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

 

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

 

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

 

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

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

3. 표현식을 사용함으로써 (' ')(" ")라던가 (+) 등 문자열을 표현하기 위해서 사용했던 번거로운 수고들을 많이 덜 수 있다.

turn 이 1일때 "Black WIN !" else "White WIN !" 라고 출력된다.

 

var day = "수요일";

/* 일반 표현식 */
console.log("오늘은 " + day + " 입니다.");

/* 템플릿 리터럴 표현식 */
console.log(`오늘은 ${day} 입니다.`);

 

*JSON 은 공식적으로 큰 따옴표를 사용하도록 지정되어있습니다.