- Next.js에서
useClient
를 삽입하면 페이지 전체가 클라이언트 컴포넌트가 되어 서버 컴포넌트에서 불가능한 백앤드 작업을 수행하게 된다! 🚧 - 서버 컴포넌트는 백앤드 데이터 조회, 리소스 접근, 민감 정보 처리, 클라이언트 면에서 JavaScript 코드 크기 최소화에 중점을 둔다. 🗄️
- 클라이언트 컴포넌트는 사용자 인터렉션, 훅, 프론트엔드 기능을 제공한다. 🪄
- 큰 의존성을 가진 컴포넌트는 클라이언트 컴포넌트로 옴을 경우 성능 저하 문제가 발생할 수 있다! 🐌
useClient
, 상태 관리, 백앤드 작업 등의 간결하지만 효과적인 인터랙티브 로직을 위한 분리된 클라이언트 컴포넌트를 생성하는 것이 좋다. 🤩