JavaScript 백틱(``)기호

기존의 JavaScript에서는 문자열을 쓰고싶을 때 ( ' )혹은 ( " )기호로 문자열을 둘러싸서 출력했다.

ES2015이후 부터는 백틱( ` )을 사용하는 새로운 문자열이 생겼다.

 

기본적인 변수와 문자열 함께 출력

 

const case2 = 24; //변수 선언
console.log("Hello, world! I'm " + case2 + "year's old")  //변수와 문자열 함께 출력
// Hello, world! I'm 24year's old 출력

원래 변수와 문자열을 함께 표현하기 위해서는 중간에 +로 이어주면서 따옴표 안에 띄어쓰기도 일일히 생각하면서 써야하는 번거로움이 있었다.

코드 상에서 큰따옴표나 작은 따옴표를 함께 쓰게되는 경우, 실수를 하는 경우가 빈번하여 오류가 자주 발생한다.

 

 

백틱(``) 기호로 문자열 출력

 

const case2 = 24; //변수 선언
console.log(`Hello, world! I'm ${case2} year's old`)  //백틱 기호로 변수와 문자열 함께 출력
// Hello, world! I'm 24year's old 출력

문자열 전체를 ( ` )로 감싸주고 변수는 ( ${ } ) 안에 입력해주면 문자열과 함께 바로바로 쓸 수 있다.

또한 띄어쓰기도 그대로 반영되기 때문에 사용하기에 간편하다.