AJAX 요청응답이 왔는데 JSON parse에러가 났는데 정상 작동

2018-11-02

문제상황 - AJAX요청을 직접 구현해야 할 일이 생겨서 검색 후 복붙하고, XHR을 써서 요청을 보내고, 응답을 받았는데, 이상하게 json parse에러가 나고 콘솔에 reponse를 찍어보니 빈 상태로 왔다. 그런데도 응답이 정상적으로 처리가 되었다.

원인 - 스펙문서를 보면 readystate 3이란 게 있고, 그 단계에서는 response가 다 도달하지 않은 상태다. 그 상태에서 콘솔에 찍으니 당연히 이상하게 나왔고, 코드가 진행되면서 값이 들어가니 처음에 파스 에러가 났다가 아래쪽 재시도에서는 정상이 된 거다. 결국 참고한 코드가 잘못되어 있었는데, 무작정 복붙해서 일어난 문제.

해결방안 - 코드 복붙할 때는 비슷한 다른 거라도 한 번 더 찾아보자.

재발 방지를 위해 - 검색은 두 번, 교차검증

2018년 회고 Font Awesome이 적용되지 않았던 문제