[Next.js] 서버 컴포넌트와 클라이언트 컴포넌트 분석
1. 기본 개념Next.js에서는 레이아웃과 페이지가 기본적으로 서버 컴포넌트로 처리된다. 서버 컴포넌트는 서버에서 데이터를 가져오고 UI의 일부를 렌더링하며, 필요에 따라 결과를 캐시하거나 클라이언트로 스트리밍할 수도 있다.반면, 상호작용이나 브라우저 API가 필요한 경우에는 클라이언트 컴포넌트(use client)를 사용하여 기능을 추가할 수 있다.즉, 서버 컴포넌트는 기본적으로 작동하는 리액트 서버 컴포넌트(React Server Component, RSC)를 기반으로 하고, 클라이언트 컴포넌트는 Next.js에서 use client 환경을 사용하는 컴포넌트를 의미한다.2. 서버 및 클라이언트 컴포넌트의 작동 방식 서버와 클라이언트 환경서버 및 클라이언트 컴포넌트의 작동방식을 이해하기 위해 두 가지..
Programming/Next.js
2025. 8. 23. 21:55