템플릿 리터럴

개발일기·2022년 1월 15일
0

템플릿 리터럴(Template literals)

내장된 표현식을 허용하는 문자열 리터럴이다. 여러 줄로 이루어진 문자열과 문자보간기능을 사용할 수 있으며 이전 버전의 ES2015사양 명세에는 "template strings"(템플릿 문자열) 라고 불려왔다.

템플릿 리터럴은 이중 따옴표나 작은 따옴표 대신 백틱을 이용한다. 템플릿 리털은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 '$'와 중괄호'{}'로 표기할 수 있다. 플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다.

다음은 템플릿 리터럴을 사용한 예시이다.

'Fifteen is 15 and
not 20.'
라는 결과를 얻기 위해서 템플릿 리터럴을 사용하지 않는 경우 다음과 같다.

템플릿 리터럴을 사용하게 된다면 다음과 같다.

템플릿 리터럴을 사용하니 전에는 줄 바꿈을 위해 \n을 사용해야 했으며 계산식을 넣기 위해 앞 뒤로 '+'를 넣어주어야 하는 번거러움을 없앨 수 있으며, 식이 훨씬 간결해 진 것을 볼 수 있다.

profile
개발자가 꿈이에오

0개의 댓글