클론 코딩을 하면서 서버 사이드 렌더링을 적용하기 위해서 Next에서 제공되는 getServerSideProps를 사용하는데 오류가 발생했다.
에러 부분은 캡처를 따지 못했다. 서버에 쉬지 않고 무한 요청을 보내서, 셀프 디도스급 요청에 컴퓨터가 잠깐 먹통이 되어버렸기 때문이다...(이제 바꿀때가 되긴했나보다...)
오류의 원인은 getServerSideProps의 매개변수로 들어간느 context에 리덕스 리듀서에서 createStore로 생성한 store가 들어 있어야 하는데, 이 store가 존재하지 않아서 오류가 생겼던걸로 추측이 되었다.
- 오류에서 사용된 코드
store가 undefined로 콘솔에 찍히니, 리듀서 부분에서 스토어를 잘못 생성했나 싶었는데, 그것도 아니었다.
여기 저기 찾아보다, next-redux-wrapper 모듈의 버전에 관한 글을 보게 되었다.
혹시나 해서, 프로젝트의 package.json을 확인해 보니, 해당 모듈이 7버전인 것을 확인했다.
next-redux-wrapper 공식문서에 들어가보니 7버전에서는 getServerSideProps를 다음과 같이 사용하라고 설명했다.
공식 문서를 참고해서 코드를 수정하니, getServerSideProps가 올바르게 작동했다.
매몰되지 않는 개발자가 되자