'Javascript'의 백틱이란?

Javascript에서 함수를 작성한다고 가정해보자.

function sayHello(name,age){
    console.log("Hello! ", name ,"I am ",age,"years old."); // ,(콤마)로 이어준다.
}
sayHello("KJY",26);

함수에 인자를 주고 그러한 parameter(매개변수)를 더하는 방식은

보통 ,(콤마) 혹은 +(더하기) 연산을 이용해서 사용하곤 하는데,  

function sayHello(name,age){
    console.log("Hello! ", name ,"I am ",age,"years old.");   // +(더하기 연산)으로 이어준다.
}
sayHello("KJY",26);

자바스크립트에는 이러한 스트링 처리를 조금 더 섹시하게 할 수 있는 기능이 있다. 

파이썬이랑 비교하자면, format() 을 써서 인자를 넣어주는 것과 비슷하다고 할 수 있겠다.

사용법은 스트링 값을 쓸 때, '(작은 따옴표)' 나 "(큰 따옴표)"로 쓰는 것이 아니라, 

 

function sayHello(name,age){
    return `Hello ${name}! I am ${age} years old!`;    // ``(백틱)과 ${}로 한번에 표현해주었다.
}

const greeting = sayHello("KJY",25);
console.log(greeting);

``(백틱)으로 표현해주는 것이다. 이 때, ${parameter} 값을 써줌으로써 스트링값을 한번에 표현할 수 있게 되었다

조금 더 지저분하지 않고 깔끔하고 섹시해졌다.