WindsomeProject - Unexpected non-whitespace character after JSON

개요

해당 포스팅에서는 DB에서 가져온 카테고리 목록을 JSON 문자열로 변환하여 Controller를 통해 상품 등록 링크로 전달하는 과정에서 발생한 오류에 대해 다뤄보려 한다.

원인 및 해결

DB에서 가져온 카테고리 목록을 JSON 문자열로 변환한 후, 이를 Controller를 통해 전달하려 했다. 그러나 console.log를 통해 출력해본 결과 아래와 같은 오류 메시지가 출력되었다.

이 오류는 JSON.parse 메서드를 통해 JSON 문자열을 JavaScript 객체로 변환하는 과정에서 발생한 것으로, 파라미터에 '(작은 따옴표)가 포함되어 있어서 발생했다.

해결하기 위해서는 '(작은 따옴표)를 JSON 문자열에서 제거하거나, 문자열을 올바르게 형식화하여 파싱할 필요가 있다. 이를 통해 오류를 해결할 수 있다.

JSON.parse([[${categories}]]) /* 정상 작동 */
JSON.parse('[[${categories}]]') /* 오류 발생 */