강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

CJW님의 프로필 이미지
CJW

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

다이나믹 라우팅

다이나믹 라우터 7버젼 이상 질문

작성

·

322

0

다이나믹 라우팅을 할때 next-redux-wrapper 7버전 이상 사용하고 있는데

질문이 2가지가 있습니다!

  1. 구동방식에 대해서는 이해했는데

getServerSideProps 에 loadPost에 context.params.id 가 아니라 7버전 이상이여서 req.params.id로 넣어줬는데 백엔드에서 받는 postId가 undefined로 뜹니다 혹시 7버전이상일땐 loadPost에는 어떤 값을 넣어줘야하나요..!?

Nodebird.png

  1. 게시글에 <Link>를 사용해서 다이나믹 라우터를 이용하면 처음에 CSR 방식으로 값을 받아와서 데이터가 없기 때문에 undefined가 뜨기 때문에 그 동안 로딩창을 띄워줘야 된다고 말씀하셨는데 그 말씀 자체에는 이해가 됐는데 그러면 getServerSideProps 에 따로 작업을 해줘야하는건가요!?

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

https://github.com/ZeroCho/react-nodebird/blob/master/intersection/front/pages/post/%5Bid%5D.js

이게 최신 코드입니다. 이런 식으로 params 쓰면 됩니다.

Link 시에는 getServerSideProps가 아니라 컴포넌트 내에서 해당 prop이 없을 때 어떻게 할지를 적으시면 됩니다.

CJW님의 프로필 이미지
CJW
질문자

넵 감사합니다 제로초쌤! 한동안 파람스를 어떻게 넘겨줘야하는지 검색하고 갖가지 해보다가 하루종일 날려먹었네요..

CJW님의 프로필 이미지
CJW

작성한 질문수

질문하기