next.js hydration1 [위클리페이퍼] Next.js에서 SSR을 실행하는 과정과 hydration Next.js에서 SSR을 실행하는 과정 Next.js를 말할 때 서버 사이드 렌더링(SSR)을 빼놓고 이야기할 수는 없다. 순수 리액트에서는 민감한 정보를 다룰 때도 클라이언트에서 노출될 수 있는 클라이언트 사이드에서 모든 로직을 만들게 되는데, Next.js에서는 SSR이 적용된 컴포넌트에서 클라이언트에 노출될 염려없이 데이터를 다룰 수 있다. 또한, Next.js에서는 페이지의 렌더링 자체가 서버 사이드에서 이루어진다. 그래서 사용자가 웹페이지에 접속하면 서버에서 미리 렌더링되어 있던 화면이 사용자의 요청에 의해 표출되고, 사용자는 빠른 속도로 콘텐츠를 볼 수 있다. 데이터 또한 서버에서 미리 렌더링되고, 사용자의 요청이 들어올 때 전달하는 방식을 취한다. 그 과정에서 이미지같은 경우 Lazy lo.. 2024. 9. 27. 이전 1 다음
