# getInitialProps

hyeonuk97

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

sssssssssy

NextJs에서 cookie를 이용해 <앱으로 보기> 작업하기

pyo-sh

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

ljo094822

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

suyeon9456

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

turret1234

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

chaerin00

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

hhhminme

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

devstone

Next.js 섹시하게 활용해보기

sji7532

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

hwang-eunji

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

cyranocoding

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

aaronddy

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