에러가 하나 생겼는데 고치는데 꽤나 애를 먹었다. 이전 포스팅에 합칠까 하다가 중요한 부분이라서 짧아도 한 포스팅으로 빼서 작성한다.
이전시간 요약 : 라우트 정의부분에 Loader 속성을 추가해서 데이터를 가져오는 방법을 이용해서 리팩토링을 진행했었다. 그런데 loader 함수에서 return 값이 없다는 에러가 나왔다. 콘솔로 로그를 찍어보았지만 함수가 제대로 반환되어 객체가 들어오고 정상적으로 로그가 찍힌 것을 볼 수 있다.
에러 찾은 과정 :
찾았다! 결론부터 말하면 오타였다.
개발자 도구에서 loader 함수가 return 해주는 부분 앞 뒤로 디버깅을 해보니 undefined 된 데이터를 return 하고 있었다.
그러니까 객체자체는 들어온게 맞지만 그 객체 안에 Posts라는 프로퍼티는 없어서 에러가 난 것이다. 앞글자가 대문자인 Posts 가 아니라 소문자인 posts 였다
오타였지만 무려 5시간이나 걸렸다... 아직 에러 찾는 부분의 실력이 많이 부족하다.
쉽게 찾지 못했던 이유는 객체 자체는 로그에 찍혔기 때문이다. 그러니까 앞으로는 객체만 로그를찍어보지 말고 리턴한 값 자체를 찍어보는 습관을 기르자.
* 잘못찍은 로그
객체는 들어오고 로그도 찍힘.
* 실제 리턴한 데이터
근데 객체 안에 내가 리턴할 프로퍼티가 없어서 이게 원인이었음.
인생도 디버깅이 될까요? 그럼요 제가 하고 있는걸요