Template literals

ES6 에서 새로 도입된 문자열 표기법으로 백틱(`)을 사용한다.

 

(여담으로 맥북에서 한/영 자판을 쓰고 있는데 백틱이 키보드에 없어서 한 참 찾았다.
  분명 사용한 기억이 있는데.. 해답은 한글자판모드일 때 ₩가 영어자판모드일 때 `이다.)

 

일반적인 문자열에서 줄바꿈은 허용되지 않으며 공백을 위해선 \ 를 사용했지만 ES6 템플릿 리터럴은 일반적인 문자열과 달리

 

여러줄에 걸쳐 문자열을 작성할 수 있다. 공백이 그대로 적용된다.

 

또한 문자열 내에서 따옴표를 사용할 때 역시 \ 를 사용해야했지만 `를 사용하면 그럴 필요가 없다.

 

또한 템플릿 리터럴은 문자열과 변수 간의 + 연산자를 사용하지 않고 다른 간단한 방법으로 새로운 문자열을 삽입할  수 있다.

이를 문자열 인터폴레이션(string interpolation)이라 한다,

 

 

${ … }으로 표현식을 감싸면 문자열 인터폴레이션 내의 표현식은 문자열로 강제 타입 변환되고 + 연산자 없이 사용할 수 있다.

 

DOM 을 사용하면서 백틱을 사용해본 적이 있어서 템플릿 리터럴이 얼마나 편한지 알고 있다.

그렇지만 아직 익숙하진 않기에 앞으로 더 친해질 예정.