코딩/NextJS5 [Next.js] Hydration와 use client 하이드레이션(hydration)이란?서버에서 렌더링된 HTML을 클라이언트 측에서 React의 상태와 이벤트 핸들러와 결합하는 과정을 말하며, 이를 통해 페이지는 초기 로드 시 빠르게 표시되며, 이후 클라이언트 측에서 동적인 동작이 가능해진다. 동작 과정아래의 과정을 통해 서버에서 렌더링된 HTML을 빠르게 클라이언트에 표시하면서, 클라이언트에서 React 애플리케이션의 상호작용을 활성화할 수 있다. 서버 사이드 렌더링────────────────────────────────────────────────────────────────────────서버1. React 애플리케이션 렌더링 -> HTML 생성 -> HTML 전달───────────────────────────────────────────────.. 2024. 7. 22. 이전 1 2 다음
