[Error] 프론트에서 백엔드로 JSON 보낼 때 textarea 다루기

등록/수정 기능을 구현하던 중 프론트에서 백엔드로 Json 형태의 값을 보내고 불러오는 과정에서 오류가 발생했다.

 

이 오류는 JSON 형식이 문자열이 아니거나 문자열로 작성하였는 데 오타가 있는 경우 발생한다고 한다.

Unexpected token o in JSON at position 1 해결 방법

 

온갖 시도를 거쳐 이유를 알아낼 수 있었다. 둘의 다른 점은 desc 컬럼에 값에 줄바꿈 유무이다.

 

이게 문제였다.

 

프론트에서 백엔드로 값을 넘길 때는 textarea였기 때문에 "엘레레레레렐\n에레레레레레레"로 넘어가지만

백엔드에서 JSON.stringify(data, null, 2)를 사용해서 JSON을 변형 시키면 \n이 줄바꿈으로 변한다....

 

이를 해결하기 위해서는 .split("\n").join("\\n")를 사용해서 \n을 \\n으로 변환해주면 된다고 한다.

textarea값을 json으로 넘겨줄 때