[JavaScript] 템플릿 문자열

템플릿 문자열

---

 자바스크립트에서 보통 문자열을 연결하거나, 문자열 사이에 숫자를 이용하여 연산을 하여 결과를 보여주고 싶을때,

+연산자를 이용한다.

하지만 이 +연산자를 이용하여 문자열과 숫자를 결합하다보면 코드가 다소 복잡해 질 수도 있다.

그래서 ECMAScript6 부터 이를 좀 더 편리하게 하기 위해서 템플릿 문자열 이라는 기능을 추가하였다.

템플릿 문자열은 나타내고자 하는 문자열을 ' ` ' 기호로 감싸고 숫자나 변수를 문자열 사이에 넣고자 하는 경우 ' ${} '기호를 이용한다.

※ ' ` ' 기호는 키보드 숫자 1키 왼쪽에 있음.

` 문자열1 ${숫자 or 변수} 문자열2`

위와 같이 템플릿 문자열을 사용하면 문자열이 길어져도 코드가 복잡해 지지 않는다.

한가지 주의할 점은 모든 버전의 IE에서는 사용이 불가능 하다. 크롬에서는 가능하다.