Unexpected token h in JSON at position 0 해결하기

본의 아니게 회사에서도 개발을 전혀 접하지 못하다보니 감을 많이 잃어가고 있는 듯 해서

뭐라도 하려다가 선택한 것이 클론코딩!

원래 끄적끄적 진행했던 노마드 코더의 Node.js(+Express)를 이용한 줌 클론 코딩을 진행 중

'Unexpected token h in JSON at position 0' 이라는 에러가 발생했다.

심지어 충돌나서 서버가 꺼져버림

무튼 냅다 구글에 "Unexpected token h in JSON at position 0"를 넣어 찾아보니

공백이나 따옴표(', ") 등을 잘보라고 하던데,

아무리 봐도 오타도 없고 따옴표 차이나 공백도 없잖아..?

 

그렇게 계속 소스를 들여다보던 와중에 

position 0에 해당하는 'h'가 저 문구에서 기인한다는 것을 알고 해당 문구를 찾아봤더니 글쎄

이 소스에서 계속해서 에러가 발생하고 있는 듯해보였다.

프론트에서 input value를 JSON.stringify해서 넘기고

서버에서 JSON.parse(msg)하고 있는 구조였는데,

던져주는 메시지가 JSON 형식이 아니니 당연히 parse에러가 날 수 밖에...

 

그래서 해당 코드를 JSON 형태로 바꿔보았더니 에러 없이 정상적으로 출력되는 것을 확인할 수 있었다.

JSON 형태로 변환

콘솔에 정상 출력됨

 

결론,

구글링도 좋지만 에러 메시지를 좀 더 꼼꼼히 확인하자!