본문 바로가기

Frontend

(2)
PrefetchQuery로 Prefetching 구현하기 PrefetchingPrefetching은 데이터가 실제로 필요하기 전에 사전에 데이터를 가져오고 캐시에 저장하는 프로세스를 말한다.이를 통해 데이터를 미리 가져올 수 있으며, 필요할 때 데이터를 즉시 사용할 수 있다. 이는 애플리케이션의 응답성과 사용자 경험을 개선시킨다. TanStack Query에서는 prefetchQuery로 이를 구현할 수 있다. prefetchQueryprefetchQuery는 TanStack Query에서 제공하는 API 중 하나로, 사용자가 지정한 키와 옵션을 통해 데이터를 미리 가져와 캐싱한다. 이렇게 하면 해당 데이터를 사용하는 페이지나 컴포넌트가 로드될 때 즉시 데이터를 사용할 수 있어 사용자 경험이 향상된다. prefetchQuery의 주요 특징A. 데이터 미리 가져..
SSR vs Streaming SSR Streaming SSR이란?Streamming SSR은 서버에서 랜더링된 HTML을 한 번에 모두 보내는 대신, 준비 된 부분부터 순차적으로 클라이언트에 전송하는 기술이다. 이를 통해 사용자는 페이지의 일부 콘텐츠를 더 빠르게 볼 수 있어 전체적인 사용자 경험이 향상된다. SSR의 동작 과정A. Server(API)에서 Server(NextJS)로 데이터를 가져온다.B. Server(NextJS)는 Server(API)에서 가져온 데이터로 프리랜더링 결과물을 만든다.C. Client(Browser)는 Server(NextJS)로부터 프리랜더링 결과물을 받는다.D. Client(Browser)는 Server(NextJS)로부터 CSS와 Javascript 파일을 받는다.E. Cient(Browser)는 ..