JS: 문자열에 변수 사용하기(템플릿 리터럴)

 자바스크립트가 ES6로 업데이트 되면서 나온 기능으로 문자열에서 변수명을 사용할 수 있도록 하는 기능이 추가되었다. 다른 프로그래밍 언어에서는 이미 지원이 되는 경우도 있으며(VB.Net, C# 등) 이름은 다르다. 깊이 들어가지 않더라도 이런 기능들을 많이 알고 있으면 프로그래밍에 있어 도움이나 편의성이 향상되니 찾아보는 것도 좋겠다.

 일단 JS 기준으로 설명을 하면 JS에서는 템플릿 리터럴을 사용하기 위해서는 " ` " 로 문자열을 작성해야한다. 키보드 ESC 키 밑에 존재하는(shift 키와 함께 누르면 물결표 ~ 가 나오는 키) 키로 묶어준 문자열에서만 사용이 가능하다.

 기존 js 코드에서는 이런식으로 작성했다면,

var t1,t2;
t1 = 3;
t2 = 6;

console.log("t1 = " + t1 + ", t2 = " + t2);

 이제는 이런 방식으로 작성할 수 있다.

var t1,t2;
t1 = 3;
t2 = 6;

console.log(`t1 = ${t1}, t2 = ${t2}`);

 한마디로 더 간결해졌다.

 단 주의해야할 부분! 무조건 ` 으로 문자열을 묶어야한다.

 ``으로 묶은 문자열에서의 줄개행은 출력에서도 영향을 준다고 한다.

++

` << 얘는 벡틱이라고 부른다고.

참고

>>http://hong.adfeel.info/frontend/%ED%85%9C%ED%94%8C%EB%A6%BF-%EB%A6%AC%ED%84%B0%EB%9F%B4template-literals/