2dowon.dev

[Next13] Data Fetching
이전 글에서 얘기했듯이, Next13에서 데이터를 가져오는 Component는 Server Component로 구현하는 것을 추천한다. 물론 반드시 그래야 하는 것은 아니고, Client Component에서 데이터를 가져오고 싶다면 Next12에서 했던 것처럼 SWR이나 React Query와 같은 라이브러리를 이용하면 된다. 하지만 Next13에서 데이터를 가져올 때 사용하는 fetch 함수를 이용하면 자동으로 요청의 중복을 제거해주고, 캐...
Jul 23, 20233 min read41
[Next13] Server Component와 Client Component
Next가 13 버전이 되면서 가장 큰 변화는 Server Component와 Client Component 컨셉의 지원이라고 생각한다. 그렇기 때문에 Next13을 사용하면서 Server Component와 Client Component의 이해없이 사용하게 된다면 기존 12 버전을 사용하는 것과 큰 차이가 없다고 할 수 있다. 즉, Next13 공식문서에서 얘기하는 아래 이미지처럼 컨셉을 이해한 후 해당 컴포넌트의 성격에 맞게 Server ...
Jul 9, 20232 min read32
2dowon.dev
3 posts
깊이 파기 위해 넓게 삽질하고 있습니다.
[Next13] Next12에서 Next13으로 넘어가기
2023년 5월 4일, Next.js 13.4 버전을 출시하면서 app router가 beta -> stable로 변경되었다. stable로 변경되면서 회사에서도 기존에 사용하던 Next12 버전에서 13으로 마이그레이션하기로 결정되었다. 가장 큰 이유는 역시 성능이었는데, Next12 버전의 경우 프로젝트의 크기가 작을 때는 빠르지만, 프로젝트의 규모가 커질수록 app.js가 무한히 켜지면서 첫 렌더링이 느려지고 hydration 시간이 길어...
Jul 2, 20231 min read38