inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Dự án đồ chơi React full-stack - REST, GraphQL (dành cho nhà phát triển FE)

Thực hiện chức năng viết mới

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

Đã giải quyết

1143

bj2525

28 câu hỏi đã được viết

0

해당 프로젝트에서 getInitialProps와 getServerSideProps를 동시에 쓰고 있는데 2개의 경우 pre-render를 하기 위해 작성했다고 이해했는데 둘 중 하나만 써도 되는 부분 아닌가요??? 어떤 상황떄문에 2개를 동시에 사용하는지 궁금합니다

rest-api graphql react

Câu trả lời 1

0

jaenam

둘을 동시에 쓰고 있는것은 아닙니다.
getInitialProps는 오직 _app.js에서만 쓰고 있으며,
이는 app customizing을 위해 필요한 내용입니다.
자세한 내용은 https://nextjs.org/docs/advanced-features/custom-app 를 참고하세요 :)

0

bj2525

그렇다면 pre render를 담당하고 있는건 getServerSideProps인거구 getInitialProps는

app customizing시에 해당 문서에 나와있는 장점들을 이용하려고 했던 건가여??

0

jaenam

  • customizing을 한 _app에서는 'getStaticProps'나 'getServerSideProps'를 사용할 수 없습니다.

App does not support Next.js Data Fetching methods like getStaticProps or getServerSideProps. If you need global data fetching, consider incrementally adopting the app/ directory.

For the initial page load, getInitialProps will run on the server only. getInitialProps will then run on the client when navigating to a different route via the next/link component or by using next/router. However, if getInitialProps is used in a custom _app.js, and the page being navigated to implements getServerSideProps, then getInitialProps will run on the server.

  • 그밖에 비공식적으로 next.js의 server-side lifecycle을 분석한 블로그 글들을 찾아보시면 흐름을 파악하는 데에 도움이 되리라 생각합니다.

질문있습니다 !

0

132

2

sass 오류

0

173

1

does not match

0

162

2

프로젝트 배포

0

297

1

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

0

744

1

scss 스타일 적용

0

478

2

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

0

430

1

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

1

511

2

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

0

454

1

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

0

376

1

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

0

323

1

rendered HTML error 관련

2

2187

2

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

0

446

2

Typescript 질문드려요!

0

331

1

error 관련하여

1

289

1

질문이 있습니다!.

0

278

1

질문이 있습니다!

0

484

1

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

1

303

2

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

0

630

1

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

1

792

1

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

0

667

1

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

2

683

1

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

0

301

1

mutation에서 unshift 관련 에러가 나는데 어떤 문제일까요?

0

441

1