# getInitialProps

13개의 포스트

Next.js 구동방식과 getInitialProps

Next.js가 React Project의 SSR을 가능하게 한다. 어떤 방식으로 SSR을 가능하게 할까? 먼저 알아야 할 것은 Next js의 구동방식 이라고 생각한다.Server Side최초에 Next 서버로 요청이 들어왔을 때, Next 서버에서는 요청이 들어온

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

NextJS의 Rendering Data Fetching

NextJS에서 Pre-Rendering / Static Generation 에서 유저마다 변경되는 데이터를 Fetching하는 함수 공부하기

2023년 2월 9일
·
0개의 댓글
·

next.js getInitialProps (getStaticProps, getStaticPaths,getServerSideProps)

nextJS는 서버사이드 렌더링을 하는데 각 페이지마다 사전에 불러와야할 데이터가 있다

2022년 12월 27일
·
0개의 댓글
·

getInitialProps vs getServerSideProps

🚪 들어가기 getInitialProps는 서버에서 페이지에 필요한 데이터를 채우고 렌더링한 페이지를 클라이언트에 보낸다. 따라서 SEO에 친화적이다. 그러나 Next 9.3에서 getServerSideProps가 도입되면서 getServerSideProps가 ge

2022년 7월 11일
·
2개의 댓글
·

[Next js] getInitialProps, getStaticProps

우선 getInitialProps, getStaticProps 2가지 기능은 모두 pre-rendering가 필요한 상황에서만 사용하는 것이 좋습니다.next 에서 모든 페이지가 사용자에게 전해지기 전에 HTML을 미리 생성해서 pre-rendering을 수행합니다.p

2022년 5월 28일
·
0개의 댓글
·
post-thumbnail

Next.js _app.tsx에서 getInitialProps 커스텀하기

Next.js _app.tsx getInitialProps 커스텀과 Automatic Static Optimization

2022년 4월 18일
·
0개의 댓글
·
post-thumbnail

Next.js에서 SSR로 url query 가져오기(feat. typescript)

Next.js가 현재 12까지 나와있다. Next.js 9.3 버전 부터는 이제 pre-rendering을 위한 data-fetching을 위해 사용하던 getInitialProps가 getStaticProps, getServerSideProps, getStaticP

2022년 4월 17일
·
0개의 댓글
·
post-thumbnail

[Next] useEffect로 받은 데이터는 SSR될까? ( getInitialProps 사용 )

React useEffect를 사용했을 경우에 SSR이 될까? ☀️ 답 : useEffect안에서 동작하는 데이터는 SSR되지 않는다. useEffect(() => {}, []) 는 마운트 되었을 때, useEffect는 실행된다. 그렇기 때문에 SSR로 받은 htm

2020년 12월 17일
·
0개의 댓글
·
post-thumbnail

NEXT.js : 초기세팅 & 기본 설명 #2

앞서 1편 포스팅에서 \_document.js 파일에 대해 설명할 때 reset.css 와 common.css를 적용하는 법을 함께 언급하였다. \_document.js는 HTML 초기설정 파일정도로 생각하면 될것 같다. Next, react에서는 HTML문서를 작성

2020년 3월 16일
·
1개의 댓글
·
post-thumbnail

Next js 구동방식 과 getInitialProps

Next js가 React Project의 SSR을 가능하게 한다. 라고는 하는데, 어떤 방식으로 SSR을 가능하게 할까, SSR과 CSR의 구분은 어떻게 되어 있을까.이 궁금증을 해결하기 위해, 먼저 알아야 할 것은 Next js의 구동방식 이라고 생각한다.최초에 N

2020년 3월 15일
·
2개의 댓글
·
post-thumbnail

Next js_getInitialProps

Next js에서 데이터를 가져오기 위해서는 'getInitialProps'라 불리는 비동기 함수를 이용한다. async 함수로 'pages' 폴더 아래 어떤 페이지에서든 'static method'처럼 이용할 수 있다.fetch를 통해 받아온 데이터를 'props'로

2020년 2월 16일
·
0개의 댓글
·