# getServerSideProps

17개의 포스트
post-thumbnail

Server-side Rendering

SSR 방식으로 pre-rendering하기 위한 getServersidePorps 함수 사용하는 방법에 대해서

2022년 7월 30일
·
0개의 댓글
·
post-thumbnail

[NEXT JS] Data Fetching

클라이언트에서 렌더링을 하는 방식으로 유저가 페이지에 들어오면 클라이언트가 서버로 데이터를 요청한다. 그 사이 빈 html로 먼저 렌더가 되고, 그 후에 서버로부터 데이터를 받아 페이지를 그려낸다. 데이터(HTML, JS)를 받을 때까지 화면은 빈화면만 띄워진다.그래서

2022년 7월 26일
·
0개의 댓글
·

getInitialProps vs getServerSideProps

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

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

Next.js의 대표적인 기능

pre-rendering next.js에서 기본적으로 모든 페이지를 프리 렌더링 함. 클라이언트 사이드에서 모든 작업을 수행하는 대신 미리 각 페이지에 대해서 HTML 파일을 미리 만들어서 성능과 SEO 측면에서 도움을 줌. 최소한의 자바스크립트 코드를 사용해 HTML 화면을 미리 생성하고 자바스크립트가 로드되면 그때 컴포넌트와 앱 화면이 완전히 활성화 되...

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

Day-38 getServersideProps, gitflow, workflow

ext.js에서 특정 부분을 서버사이드렌더링을 하기 위해서 getServersideProps 함수를 사용한다. `export const getServerSideProps = (context) => {}`getServersideProps 함수는 특정컴포넌트에는 적지

2022년 7월 3일
·
0개의 댓글
·

Next.js의 데이터 페칭과 렌더링

거의 1년만에 블로그에 글을 쓴다.next.js로 웹사이트를 10개 가까이 만들어서 배포해봤음에도, 아직까지 헷갈리는 데이터 fetching과 렌더링에 대해 한번 마음 먹고 정리해보려고 한다. 기본적으로는 docs의 내용을 읽기 쉽게 번역 및 정리해서 올리는 것이 목표

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

(Next.js) Pre-rendering : getServerSideProps

동적으로 페이지를 구성하려면 getServerSideProps를 적용하자

2022년 5월 19일
·
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개의 댓글
·

Next.js

Next.js 공식 문서 읽으며 필요한 부분 정리

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

[Next.js] getServerSideProps / getStaticProps 사용 구분

Next.js는 더 나은 성능과 SEO를 위해 모든 페이지를 미리 렌더링 한다. (Pre-render)렌더링의 방식은 getServerSideProps와 getStaticProps로 나뉜다. 이 둘의 차이와 활용에 대해 정리해보도록 하겠다.서버 사이드 렌더링(SSR)

2022년 3월 19일
·
0개의 댓글
·
post-thumbnail

Project Note : Next.js tips 01

2022-02-20 / 이번 프로젝트에서 Next.js 프레임워크를 처음 사용해보며 여러 문제에 마주쳤는데, 기억 나는대로 정리해보려고 한다.

2022년 3월 9일
·
0개의 댓글
·
post-thumbnail

Project Note : Login redirection

2022-02-04 / 로그인 하지 않은 유저가 특정 페이지에 접근하지 못하도록 구현해보고자 하였다.

2022년 3월 9일
·
0개의 댓글
·
post-thumbnail

[Next.js] getStaticProps, getStaticPaths, getServerSideProps 란?

Next.js의 기본 개념중 하나인 데이터 패칭. 그리고 그 핵심인 getStaticProps, getStaticPaths, getServerSideProps에 대해서 알아보자.

2021년 12월 20일
·
0개의 댓글
·
post-thumbnail

Next.js Study - getStaticProps/ getServerSideProps

서버 측에서 props를 받아오는 기능페이지 요청 시마다 실행, 데이터를 서버에서 렌더링query를 props로 사용query 대신 params를 사용getStaticPath()를 이용하여 params미리 지정필요fallback이 false이면 이외의 경로는 404 에

2021년 10월 17일
·
0개의 댓글
·
post-thumbnail

[Next.js] getStaticProps vs getServerSideProps (영상 확인)

우선은 두 함수 모두 pre-render가 필요한 경우(SEO,Adsense 등)에만 사용하도록 권장한다."빌드 시에 딱 한번만" 호출되고, 바로 static file로 빌드 된다. 빌드시 고정되는 값으로, 빌드이후에는 변경이 불가합니다.앱 빌드 후에 바뀌지 않는 내용

2021년 4월 20일
·
0개의 댓글
·