ES6는 템플릿 리터럴(Template literal)이라고 불리는 새로운 문자열 표기법을 도입하였는데요.
Template literal 은 일반 문자열과 비슷해 보이지만, 작은따옴표('') 또는 큰따옴표("") 문자를 사용하지 않고, 백틱(backtick) 이라고 불리는 문자( `` ) 를 사용합니다.
Template literal
1️⃣ Template literal의 백틱 안에서 '작은따옴표(single quotes)'과 "큰따옴표(double quotes)"를 혼용할 수 있습니다.
2️⃣ 일반적인 문자열과 달리 여러 줄에 걸쳐 문자열을 작성할 수 있고, Template literal 내의 모든 white-space는 있는 그대로 적용이 됩니다.
3️⃣ 플러스(+) 연산자를 사용하지 않아도 간단한 방법으로 새로운 문자열을 삽입할 수 있는 기능이 있습니다. ( => String Interpolation )< 예시 >
`My name is ${first} ${last}.`// 템플릿 리터럴 & 문자열 인터폴레이션white-space 스페이스와 탭, 줄바꿈, 자동줄바꿈을 어떻게 처리할지 정하는 속성
String Interpolation(문자열 인터폴레이션) 표현식 안에 문자열을 넣는 것을 의미하며, ${ ... } 으로 표현식을 감싸는 방식으로 사용합니다. 문자열 인터폴레이션 내의 표현식은 문자열로 강제 타입 변환이 됩니다.
🗒 출처
- https://poiemaweb.com/es6-template-literals - 템플릿 리터럴 | 모던 자바스크립트 참고
