프론트엔드 개발자 엄성준 블로그

아래의 예시와 같이 ``(템플릿 리터럴)이 정상 작동되지 않아 지저 분하고 긴 코드가 될 뻔했지만. 구글 검색을 통해서 jsp에서 ``(템플릿 리터럴)이 사용되지 않는 이유와 해결법을 찾았습니다. jsp를 사용할 경우, jsp의 EL 표현식과 JavaScript의 템플릿 문자열이 겹치게 되기 때문에 정상 작동이 되지 않은 것 같습니다. 그래서 아래와 같이 코드를 작성하면 정상 작동되는 걸 확인할 수 있었습니다. paintFilmDataList.forEach((filmData) => { const filmBox = document.querySelector('.' + filmData.position); // if (filmBox) { // filmBox.innerHTML = // '' + filmData.m..

React가 아닌 Jsp 환경에서 함수 작성 중 변수로 받은 값들이 console.log()에는 잘 출력되는데 변수를 활용할 때는 값이 제대로 출력되지 않는 어려움을 겪었다. 이때 회사 선배분이 해결법을 알려주셔서 아래와 같이 적용했더니 해결할 수 있었다. function markPosition(mark, target){ let markBox = document.querySelector(`.markBox\${target}`); }