[JavaScript] 백틱(``)이란?

백틱은 템플릿 리터럴(template literal)이라고도 불리며, 문자열을 표현하는 새로운 방법을 제공합니다

백틱을 사용하면 문자열을 작성하는 동안 보간(interpolation)이나 여러 줄에 걸친 문자열을 쉽게 처리할 수 있습니다

 

표현식 삽입(Expression Interpolation)

백틱을 사용하여 `${}` 안에 변수나 표현식을 삽입하여 동적인 문자열을 생성할 수 있습니다

var name = 'John';
var greeting = `Hello, ${name}!`;

console.log(greeting); // 출력: Hello, John!

 

위 예제에서 `${name}`은 변수 `name`의 값을 삽입하여 출력됩니다

 

여러 줄 문자열(Multi-line Strings)

백틱을 사용하면 여러 줄에 걸친 문자열을 쉽게 작성할 수 있습니다

var multiLineString = `
    This is a
    multi-line
    string.
`;

console.log(multiLineString);

 

특수문자 처리

백틱을 사용하면 이스케이프 문자(\)를 사용하지 않고도 특수 문자를 삽입할 수 있습니다

var specialChars = `Backtick: \`, Single quote: ', Double quote: "`;

console.log(specialChars);

 

위 예제에서는 백틱 내에서 특수 문자를 사용하고 있습니다