(백틱) JS ` JavaScript ` 자바스크립트 백틱

 

 

 

자바스크립트를 사용하면서 문자열 자료형을 자주 쓰게 되는데

 

문자열을 표현할 때 일반적으로 값(리터럴)을 " " (큰 따옴표) 혹은 ' ' (작은 따옴표)를 사용하여 감싸준다.

 

여기에 변수를 문자열에 포함 시키려고 한다면 번거롭게 문자열을 열고 닫은 후

 

보통 ( + ) 더해주는 형식으로 작성한다.

 

 

const city = "seoul";
const name = "jim"
const age = 21;


// 일반적인 문자열
console.log("저는 " + city + " 에 살고 있구요, 이름은 " + name + ", 나이는 " + age + " 살 입니다.");

// (`) 템플릿 리터럴
console.log(`저는 ${city} 에 살고 있구요, 이름은 ${name}, 나이는 ${age} 살 입니다.`);

 

 

문자열에 들어갈 텍스트가 많고 사용되는 변수가 많을 경우, 작성하는게 번거롭고 헷갈릴 수 있다.

 

이럴 때 사용하면 좋은 것이 ( ` ) 백틱이다.

 

변수나 함수 이름 앞에 달러 기호'$'를 붙이고 중괄호 '{ }'로 감싸주면 된다.

 

 

• 백틱은 자바스크립트 JS ES6(ECMAScript 2015)부터 도입
• 개행 문자를(\n) 사용하지 않아도 됨 (자동 줄바꿈)
• 생김새가 ( ' ) 작은 따옴표와 비슷하니 헷갈리지 않도록 주의할 것