[JS] 백틱 (`) 이란?

 

백틱(backtick)은 키보트 물결(~)모양을 누르면 출력되는 `  문자이다.

 

백틱(`)을 사용하여 문자열을 표현하는 것을 '템플릿 리터럴(template literals)'이라고 한다.

 

1. 문자열 내부에 변수를 표현해줄때 사용한다.

 

백틱을 사용안 했을 경우

      

      

      

    
    

      <javascript />
    
const name = "Mike";
const meaage = 'My name is' + name;
console.log(meaage);  // My name is Mike

 

백틱을 사용했을 경우

      

      

      

    
    

      <javascript />
    
const name = "Mike";
const meaage = `My name is ${name}`;
console.log(meaage);  // My name is Mike

 

2. 백틱을 사용해서 표현식을 넣을 수도 있다.

      

      

      

    
    

      <javascript />
    
const meaage2 = `My age ${30-1}`;
console.log(meaage2); // My age 29

 

3. \n을 사용하지 않고 줄바꿈을 쉽게 할 수 있다.

 

\n 사용

      

      

      

    
    

      <javascript />
    
console.log('My\n' +
'name');

백틱사용

      

      

      

    
    

      <javascript />
    
console.log(`My
name`);