Template Literals

TEDDY·2022년 11월 2일
0

CODECAMP

목록 보기
3/53
post-thumbnail

Template Literals

: ES6부터 새로 도입된 문자열 표기법이다.
문자열 생성시 따옴표 대신, 백틱(`)을 사용한다.

여기서 ES6이란,
ES란, ECMAScript의 약자이며 자바스크립트의 표준, 규격을 나타내는 용어이다.
뒤에 숫자는 버전을 뜻하고 ES5는 2009년 ES6는 2015년에 출시되었다.

템플릿 리터럴은 + 연산자를 사용하지 않아도 간단한 방법으로 새로운 문자열을 삽입할 수 있는 기능을 제공한다. 이를 문자열 인터폴레이션(String Interpolation)이라 한다.

문자열 인터폴레이션은 ${ … }으로 표현식을 감싼다. 문자열 인터폴레이션 내의 표현식은 문자열로 강제 타입 변환된다.

Template Literals 특징

:

1. 줄바꿈을 여러줄로 된 문자열로 표현할 수 있다. 역슬래시와 조합한 제어문자(\n)가 아닌 에디터 입력기에서 엔터키를 눌러 줄을 바꾼 것을 그대로 유지해준다.
2. 변수, 표현식, 연산식 사용이 가능하다. 역따옴표로 감싼 문자열 안에 "${expression} 형태로 변수, 연산식 또는 표현식을 대입해 동적으로 바뀌는 문자열을 생성한다.
3. 중첩이 가능하다. `문자열 ${'출력'+${'중첩'}} 과 같은 템플릿 리터럴 중첩 표현이 가능하다.

이런식으로 편리하게 사용할수 있는 기능이다.

0개의 댓글