# data fetching

hjs926

여러가지가 있습니다. 그래서 애플리케이션의 사용 용도에 따라서 다른 방법을 사용해주면 됩니다.보통 리액트에서는 데이터를 가져올 때 useEffect안에서 가져옵니다. 하지만 NextJS에서는 다른 방법을 사용해서 가져오는데 하나씩 살펴보겠습니다.함수안에서 어떠한 데이터

jiseung

Next.js는 페이지를 어떻게 렌더링할까? Data fetching을 할 때, 사용에 따라 다양한 방식으로 렌더링할 수 있다.

rondido

프로젝트 생성url = http://localhost:3000/posts/first-posturl로 갔을 때 first post를 확인할 수 있는 방법은pages 폴더 안에 posts 폴더 생성 후 first-post.js파일을 생성하면 error 뜨지 않는

rondido

Vercel에서 만든 React frameworkVecel은?Vercel은 프런트엔드 개발자를 위한 플랫폼으로, 혁신가가 영감을 얻는 순간에 만드는 데 필요한 속도와 안정성을 제공합니다.프론트엔드 서비스를 배포하고 관리하는 플랫폼을 제공라이브러리를 표방한 React의

art11010

때로는 라우트가 활성화될 때 서버에서 데이터를 가져와야 한다.<span style="color:이때, 두 가지 방법을 사용할 수 있다.탐색 후 가져오기: <span style="background-color:- 탐색하기 전에 가져오기: 라우트 <span

jyooj08

원본: https://nextjs.org/docs/basic-features/data-fetching/incremental-static-regeneration

jyooj08

https://nextjs.org/docs/basic-features/data-fetching/get-static-props

jyooj08

원본: https://nextjs.org/docs/basic-features/data-fetching/get-static-paths어떤 페이지가 동적 루트를 가지고 있고 getStaticProps를 사용한다면 정적으로 생성될 경로들의 목록을 정의해야 한다.동적

jyooj08

원본: https://nextjs.org/docs/basic-features/data-fetching/get-server-side-props 어떤 페이지에서 getServerSideProps라는 함수를 export한다면 Next.js는 해당 페이지를 요청할 때마다 getServerSideProps에서 리턴한 데이터를 사용하여 pre-rendering을 진...

itkdgus489

SSR(Server Side Render)CSR(Client Side Rendering)SSG(Static-Site Generation)서버에서 만들어서 클라이언트로 보내준다서버에서 사용자에게 보여줄 페이지를 모두 만들어서 사용자에게 페이지를 보여주는 방식이다.SSR방

0715yk

: 이 글 이전에 2개의 포스팅을 하면서 Redux MiddleWare에 대해서 열심히(?) 알아봐놓고 갑자기 middleware 없이?에 대한 주제로 글을 써본다. 여담이지만 Frontend 개발 시장의 변화 속도는 너무 빨라서 비유적으로 표현해보면 나는 이전 프로젝

rlaclgns321

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

khy226

본 게시글은 useEffect 완벽 가이드를 정리 & 요약하는 글입니다.

tootb

컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 전달받음 단방향 데이터 흐름(one-way data flow)(맞으면 state 아님)(맞으면 state 아님)(맞으면 state 아님)ex) 하위 컴포넌트의 클릭 이벤트가 부모의 상태를 바꾸어야만 하는 상황 =

sinclairr

Next.js + SWR

soryeongk

페이지마다의 특징을 이해하고 렌더링 방식을 구분하는 것은 매우 중요합니다. 도대체 어떤 기준으로 선정해야할지 체크리스트와 함께 알아봅시다 ;) 개노답 3대장 CSR, SSR, SSG!! - 사견입니다

winters0727

Next.js에서 데이터 요청은 애플리케이션 사용 방식에 따라 다른 방식으로 콘텐츠를 렌더링한다. 이는 사전 렌더링에 속하는 Static Generation 또는 Server-side Rendering 뿐만 아니라 런타임 시에 콘텐츠를 생성 및 변경하는 Incremen

jwhan

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

cptkuk91

React 데이터 흐름 React의 개발 방식의 가장 큰 특징은 페이지 단위가 아닌, 컴포넌트 단위로 시작하는 것입니다. 상향식(bottom-up)으로 앱을 만듭니다. 가장 큰 장점은 테스트가 쉽고 확장성이 좋습니다.(컴포넌트 계층 구조로 나누는 것이 가장 우선순위가

hyounglee

Next.js에 존재하는 두가지 종류의 Pre-rendering 방법과, 데이터는 어떻게 불러오는지에 대해 알아보자.