안녕하세요 동적 라우팅 관련 질문드립니다

제가 next@9와는 mobx를 같이 안 써봐서 getServerSideProps랑 getStaticProps는 잘 모르겠습니다.

getInitialProps에서 return { post } 하셔야 props로 { post } 로 받으실 수 있습니다.

1. 네 말씀하신대로 해봤지만 undefined가 떴습니다

2. context에 query가 {id: 3 (제가 클릭한 글의 id) } 나와서 mobx로 보내서 요청을 보냈습니다.

mobx에 콘솔로 찍은, result에는 data의 프로퍼티로 제가 원하는 db의 값이 나왔습니다.

이를, eRPrender에 넣었습니다.

getServersideProps에서 postData라는 변수에 넣고 보니 아래와 같은 값이 나왔습니다

getter/setter가 뭔지 몰라서...찾아보겠습니다

아래는 전체 코드입니다

여기서는 Post = ({ data }) 로 해보세요.

export async function getServerSideProps(context) {
  console.log('in getserverside, context,; ', context)
  return {
    props: {data: 7} // will be passed to the page component as props
  }
}

이렇게만 했을 때도, context는 찍히는데,
시험 삼아 리턴 값에 data를 주고 Post컴포넌트에서 넘어 온 값이 있는 지 확인햿지만, 똑같이 undefined입니다 

const Post = ({props}) => {
  console.log('in f post, props;', props);   // undefined
  return (
    <AppLayout>
      <div> article</div>
    </AppLayout>
  );
};

터미널에는 콘솔로 찍어놓은 것들이 나옵니다

next 프론트 서버요(브라우저가 아닌). getInitialProps는 첫 로딩 때 서버쪽에서 실행되니까요

어느 쪽의 콘솔로그를 말씀하시는 걸까요?

console.log(post)한 것은 프론트 서버에서 로깅되나요?

네

getInitialProps에서 뭔 짓을 다 해봤지만...다 똑같네요 ㅠㅠ ㅋㅋ

답변 감사합니다