[JavaScript] 템플릿 리터럴 vs 일반 문자열

일반 문자열에서 개행을 표현하기 위한 다음의 코드는 에러가 난다.

let string = 'hello
world!';
console.log(string);

실행 결과

 

 

개행된 출력을 얻기 위해서는 다음처럼 코딩해야 한다.

let string = 'hello\nworld!';
console.log(string);

실행 결과

 

 

즉, 일반 문자열에서는 이스케이프 시퀀스인 \n(LF, Line Feed)를 문자열 내에 써줘야 한다.

 

이에 반해 백틱(``)을 이용하여 표현하는 템플릿 리터럴은

이스케이프 시퀀스(\n, \t 등) 없이 보여지는 대로 사용이 가능하다.

* 템플릿 리터럴은 ES6부터 지원함.

let string = `hello
    world!`;
console.log(string);

실행 결과

 

템플릿 리터럴은 표현식 삽입 ${} 을 통해 문자열 삽입이 가능하다.

(일반 문자열의 경우 +를 이용함)

let js = 'by JS'
let string = `hello
    world! ${js}`;
console.log(string);

실행 결과