Javascript ES6 - Template Literals

Template Literals은 자바스크립트에서 문자열을 더 다루기 쉽게 만들기 위해서 탄생한 ES6 문법입니다. 사용방법은 다음과 같습니다.

let name = `kim`;

작은 따옴표가 아니라 ` ` 이렇게 생긴 backtick이라는 기호를 사용합니다. 그렇다면 이렇게 사용하는 이유가 무엇일까요? 이유는 두 가지가 있습니다.

 

① 문자열 내에서 엔터키를 사용할 수 있습니다. 자바스크립트로 HTML을 작성할 때가 있습니다. 이를 '템플릿'이라고 하는데요, 템플릿을 작성하다보면 필연적으로 엔터키를 치고 싶은 욕망이 생깁니다(여러 줄을 작성할 때). ` ` 을 사용하면 엔터키를 아주 쉽게 사용할 수 있습니다.

② 문자열 내에서 변수를 사용하기가 쉽습니다. 이전에는 문자열과 변수를 같이 사용하려면  “ “ + 변수  이렇게 +을 이용해서 작성해야했습니다. 그러나 을 사용하면 문자 ${변수} 이렇게 ${ } 을 이용해서 간단하게 나타낼 수 있습니다.