JSON.stringify() 실행시 큰따옴표(")가 &#34 로 나올 때

두괄식으로 말하자면, 두 가지 방법은 아래와 같다.

방법1.

let userList = '<%=JSON.stringify(userList)%>';

userList = userList.replaceAll('&#34;', '\"');
userList = JSON.parse(userList);

방법2.

let userList = '<%-JSON.stringify(userList)%>';

userList = JSON.parse(userList);

 

해당 문제는 요청으로 받은 JSON 데이터를 ejs 템플릿에서 처리하는 과정 중에 발생하였다.

" 와 같은 형태는 HTML Code 이다.

(HTML Code 정리 사이트 : https://ascii.cl/htmlcodes.htm)
이것이 HTML Code 의 한 종류임을 알지 못하는 사람으로서는 난감할 수 있을 법한 게,
이를 복사해서 웹에서 붙여넣기하면 자동으로 큰따옴표(")로 출력된다. 즉, 구글링을 실수할 수 있다. ㅎㅎ

이것은 방법1과 같이 replaceAll() 을 통해 큰따옴표(\")로 모두 치환하는 방법과,

방법2와 같이 <%= 가 아닌 <%- 의 형태인 이스케이프 태그를 쓰는 방법이 있다.