자바스크립트 Template Literal

기본적으로 쓰고는 있었지만, 찾아보고 정리해본 적이 없어서 이참에 간단히 정리해봄..

 

Template Literal (템플릿 리터럴)

-> 내장된 표현식을 허용하는 문자열 리터럴이다.

-> 이중 따옴표 나 작은 따옴표 대신 백틱(` `)  을 이용

-> 백틱(` `) 안에서 ${변수명} 를 통해 변수를 입력할 수 있고, 연산도 가능하다

-> 백틱(` `) 안에서 줄 바꿈, 띄어쓰기를 일반 타이핑 처럼 해도 문제가 없다.

-> 템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 변환 된다.

 

ex) 변수 사용 예제

 

ex) 연산 예제

 

ex) 띄어쓰기 및 줄바꿈 예제