하이드레이션, SSR, CSR, 서버 컴포넌트
1. 하이드레이션
https://react.dev/reference/react-dom/client/hydrateRoot
hydrateRoot – React
The library for web and native user interfaces
react.dev
2. Next.js Server Component
https://nextjs.org/docs/app/building-your-application/rendering/server-components
Rendering: Server Components | Next.js
Learn how you can use React Server Components to render parts of your application on the server.
nextjs.org
3. Next.js Client Component
https://nextjs.org/docs/app/building-your-application/rendering/client-components
Rendering: Client Components | Next.js
Learn how to use Client Components to render parts of your application on the client.
nextjs.org
4. Client Component & Server Component -> Composition Pattern
https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns
Rendering: Composition Patterns | Next.js
Recommended patterns for using Server and Client Components.
nextjs.org