Next.js 2

Next.js의 prefetch가 뭘까?

"Next.js에서 더 나은 UX를 위한 비밀 무기: Link의 prefetch 속성"웹 페이지에서 사용자 경험(UX)을 개선하는 것은 매우 중요하다.특히, 사용자가 페이지를 이동할 때 긴 로딩 시간을 경험한다면 유저의 유입이 끊기기 마련이다.Next.js에서는 이러한 문제를 어떻게 이문제를 해결하는지 알아보자!  왜 미리 데이터를 받아와야 할까?Next.js는 기본적으로 Client-side Rendering(CSR) 방식을 사용하는 라이브러리와는 다르게, 필요한 데이터를 페이지 요청마다 받아오는 구조를 채택하고 있다.이는 불필요한 데이터 로딩을 줄이는 장점이 있지만, 사용자가 페이지를 라우팅하기 위해 Link를 클릭한 후 데이터를 받아온다면, 데이터 양이 많을 경우 기다리는 시간이 길어질 수 있다. ..

카테고리 없음 2024.11.17

Next.js가 뭐야?

개발을 하다 보면, 다양한 방식의 렌더링 방법을 접할 수 있는데그 중에서 Next.js는 서버 사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR)을 모두 지원하는 프레임워크이자 웹 애플리케이션을 구축하는 데 매우 유용한 도구입니다.Next.js는 React의 기능을 바탕으로, 개발자에게 더 나은 성능과 사용자 경험을 제공하는 다양한 기능을 내장하고 있다고 하여예전부터 종종 사용하곤 했는데 본격적으로 왜 Next.js를 쓰는지 SSR이 뭔지에 대해 설명하고자 합니다!  CSR (Client-Side Rendering)이란? : CSR은 모든 UI 렌더링이 클라이언트에서 발생하는 방식CSR의 과정:페이지 이동 시, Next.js는 서버에서 애플리케이션을 렌더링합니다.서버에서 모든 컴포넌트를 렌더링하여..

카테고리 없음 2024.11.16