• 초기 로딩: 사용자가 Next.js로 빌드된 페이지에 접속하면, Next.js는 페이지와 컴포넌트를 서버 측에서 HTML로 렌더링하여 브라우저에 전달한다
• 이로 인해 사용자는 즉시 콘텐츠를 볼 수 있으며, JavaScript가 비활성화되었거나 로드에 시간이 걸리더라도 최소한의 HTML이 표시된다
• 하드 네비게이션: JavaScript가 비활성화된 상태에서 페이지 내 링크를 클릭하면, 브라우저는 전체 페이지를 새로고침하여 이동한다
• 이는 하드 네비게이션 이라고 불린다
• React의 Hydration: JavaScript가 활성화되면, React는 로드된 HTML을 기반으로 애플리케이션을 초기화(hydration) 하고, 기존의 정적인 앵커 태그들을 인터랙티브한 React 컴포넌트로 변환한다
• 이 과정을 **hydration**이라고 한다
• 클라이언트 사이드 네비게이션: Hydration이 완료되면, 페이지 내 링크를 클릭할 때 전체 페이지를 새로고침하지 않고도 빠르고 동적인 이동이 가능하다
• 이는 React가 애플리케이션을 제어하고 있기 때문이다

결론적으로, Hydration은 서버에서 렌더링된 정적인 HTML을 클라이언트에서 React를 통해 동적인 애플리케이션으로 초기화하는 과정이며, 이를 통해 사용자에게 빠르고 매끄러운 경험을 제공한다