inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

서버사이드 렌더링

pages > index.js에서 궁금한 로직이 있는데요!

해결된 질문

175

summer

작성한 질문수 1

0

 
import React from 'react';
import MsgList from '../components/MsgList';
import fetcher from '../fetcher';

export default function Home({ smsgs, users }) {
return (
<>
<h1>SIMPLE SNS</h1>
<MsgList smsgs={smsgs} users={users} />
</>
);
}

export const getServerSideProps = async () => {
const smsgs = await fetcher('get', '/messages');
const users = await fetcher('get', '/users');
return {
props: { smsgs, users }
};
};
 
안녕하세요! 강의를 보다가 pages에 있는 index.js에 궁금한 로직이 있습니다.
 
getServerSideProps 함수에서 return 값이 어떻게 위 Home 리액트 컴포넌트에 props로 넘어갈 수 있는건가요?
 
궁금합니다!! ㅎㅅㅎ

graphql rest-api react

답변 1

1

정재남

next.js에서 그렇게 동작하도록 정의했기 때문입니다.

https://nextjs.org/docs/basic-features/data-fetching#getserversideprops-server-side-rendering

 

0

summer

next.js 특징이었군요! 감사합니다~!

질문있습니다 !

0

135

2

sass 오류

0

174

1

does not match

0

164

2

프로젝트 배포

0

299

1

코드 똑같이 쳤는데 scss 적용이 안돼요 ㅠㅠ

0

748

1

scss 스타일 적용

0

478

2

yarn run client시 에러는 안 나는데 호스트가 열리질 않습니다 ㅠㅠ

0

430

1

무한 스크롤 관련 질문 드립니다.

1

513

2

props 를 넘겨줄 때 함수를 그대로 넘겨줄 때와 화살표 함수로 감싸서 넘겨줄 때의 차이가 궁금합니다 :)

0

454

1

getInitialProps 과 getServerSideProps에 대해서 질문드립니다!

0

1144

1

node-sass를 했을 때 에러가 발생합니다.

0

377

1

[소스 다운로드 안됩니다]

0

323

1

rendered HTML error 관련

2

2187

2

닉네임 부분이 잘못되어 있는 것 같습니다.

0

448

2

Typescript 질문드려요!

0

332

1

error 관련하여

1

289

1

질문이 있습니다!.

0

278

1

질문이 있습니다!

0

486

1

수정된 내용까지 확인했는데 에러가 납니다 ㅠ

1

303

2

React Hydration Error 가 나는 이유가 무엇일까요 ?;;

0

631

1

useRef를 선호하시는 이유가 궁금합니다!

1

794

1

react-query 4.0.0 버전에선 에러가 납니다

0

668

1

gql 백틱 안에 색깔 입혀지는 확장프로그램이 어떤건지 알 수 있을까요?

2

685

1

typeScript에 대한 질문을 어디다가 올려야할지 몰라서 여기다가 남깁니다!

0

303

1