Template literals provide an easy way to interpolate variables and expressions into strings.
Templat literals는 ES6에서 도입된 새로운 문자열 표기법이다.
Template literal은 일반적인 문자열에서 쓰는 ' " 따옴표들 대신 ` 백틱을 사용한다.
일반적인 문자열과 달리 공백을 지원하고 여러줄로 만들 수있으며 interpolation을 지원하여 원하는 variables 이나 자바스크립트 표현식을 ${} 로 감싸 구문안에 삽입할 수 있다.
template literals syntax를 사용하는 emotion-styled의 예처럼 ${} 안쪽에 필요한 자바스크립트 표현식들을 넣어 사용 할 수 있다.
FE 개발 velog