- Next.js 15에서 클라이언트 전용 코드를 분리하는 방법을 설명합니다. 💡
- 서버 사이드 렌더링 에러 방지를 위해 클라이언트 전용 코드(
client-only
패키지 사용)를 안전하게 관리하는 방법을 보여줍니다. 🛡️ client-only
패키지를 이용하여 서버 컴포넌트에서 클라이언트 전용 코드를 사용하려고 시도할 때 빌드 타임 에러를 발생시켜, 개발 단계에서 문제를 조기에 감지할 수 있습니다. 🐞- 브라우저 특정 기능(DOM 조작, window 객체, localStorage 등)을 사용하는 코드는 클라이언트 측에서만 실행되어야 함을 강조합니다. 💻
- 클라이언트 전용 함수를 생성하고, 서버 컴포넌트에서 이를 호출하려고 시도했을 때 발생하는 에러를 통해 클라이언트 전용 코드의 적절한 사용을 강조합니다. ⚠️