[JavaScript] 자바스크립트 템플릿 리터럴 백틱(`) ${} 사용법

템플릿 리터럴(Template Literal)
ES6부터 도입된 문자열 표기법으로 큰따옴표(") 아닌 백틱(`)을 사용하여 표기 가능

 

백틱(`)

- 표기 : 작은따옴표(') 아님 주의. 숫자 1 키 왼쪽에 있는 물결 key 누르면 나오는 문자

 

문자열 개행

- 큰따옴표를 사용했을 때는 개행문자(\n)를 사용했지만

- 백틱을 사용하면 개행문자없이 엔터키로 개행 가능

 

문자열 연결

- 큰따옴표를 사용할 때는 + 연산자를 사용해서 문자를 연결했지만

- 백틱을 사용하면  ${} 달러기호 안에 변수나 표현식을 넣어  `` 안에서 한 번에 문자를 연결 가능

 

ex) 큰 따옴표 사용 시

[output]

 

ex) 백틱 사용 시

[output]