[JS] 자바스크립트 템플릿 리터럴 백틱(``), 달러(${ })

 템플릿 리터럴(Template Literal) ES6부터 새로 도입된 문자열 표기법이다.
문자열 생성시 따옴표 대신, 백틱(`)을 사용한다.
 

var temp = `test


    test2`

'test\n\n\n test2'

 

템플릿 리터럴의 기능

1. 줄바꿈(개행: Multi-line strings) 
백틱(`)으로 템플릿 리터럴을 사용하면, 줄바꿈 등을 쉽게 표현할 수 있다.

 

 \n은 개행(Line Feed), \t는 탭(수평)을 의미하는 이스케이프 시퀀스

 

2. 표현식 삽입(Expression interpolation)

 ${ } 사이에 변수나 연산 등을 삽입할 수 있게 되었다.

var v1 = "안녕";  v2= "하세요"; var v3 = `${v1 + v2}`;

'안녕하세요'