ES6 템플릿리터럴

회사에서 맡고있는 프로젝트의 레거시 소스코드를 JQuery to 순수자바스크립트로 변환하는 작업을 하던 와중
ES6의 템플릿 리터럴이 내 뜻대로 표현되지 않는 문제가 있었다.

alert(`${accountNum} 계좌가 복사되었습니다.`);

위 코드를 실행하면 계좌번호가 나와야하는데 계속 공백으로 처리되어 실행되고 있었던것...!

원인은 JSP 의 바인딩과 충돌이 나서 그런것이였다.
소스파일자체가 JSP엔진을 거쳐 내려오는 서버사이드프로젝트로서
서버쪽에서 accountNum을 찾아보니 없어서 지워버리고 내려주던것

alert(`${'${accountNum}'} 계좌가 복사되었습니다.`);

충돌을 피하기 위해 안쪽에 JS가 해석할 코드를 집어넣어줬다.