자바스크립트 템플릿 스트링이 안되는 경우

$.ajax({
type: "GET",
url: "http://localhost:8080/api/v1/regions/region\_type/CONTINENT",
success: function(items) {
if(items.length) {
const items_array = items.map((item) => `<option value="\${item.code}\">\${item.name}\(\${item.code}\)`);
$("#selectContinent").append(items_array.join('')).trigger('change');
}
},
error: function(err){
console.log(err);
}
});

 

계속 위의 items_array가 빈 배열로 리턴되는 것이었다.
왜그런고하니,
평소 자바스크립트에서 백틱 안에다가 ${} 이런식으로 템플릿 스트링을 사용해왔는데,
jsp파일에서는 그 문법이 지원이 되지 않는 것을 모르고 한참 삽질하다가
\ \ 를 앞뒤로 붙여주었더니 해결되었다.