- React 개발자들이 서버 컴포넌트 작업 시 흔히 저지르는 실수를 해결하는 방법 제시 💡
use client
를 파일 상단에 선언하면 해당 파일과 임포트된 모든 것이 클라이언트 컴포넌트가 됨 ⚠️- 서버 컴포넌트는 서버에서 실행되어야 하지만, 클라이언트 컴포넌트 내에서 사용되면 강제로 클라이언트 컴포넌트가 됨 😫
- 클라이언트 로직을 별도의 클라이언트 컴포넌트로 분리하고, children props를 통해 서버 컴포넌트를 전달하는 패턴 사용 ♻️
- 페이지 컴포넌트는 서버에서 실행되고, 클라이언트 컴포넌트는 클라이언트 로직만 처리하여 효율성을 높임 ✅