웹소켓1 Next.js에서 WebSocket 연결 오류 해결하기 (서버와 클라이언트 컴포넌트 구분 포함) Next.js WebSocket 오류 해결법 (use client 잊지 마세요!)Next.js를 사용해 WebSocket을 구현하다 보면 다음과 같은 오류 메시지를 마주칠 수 있습니다. Error: Attempted to call the default export from , but it's on the client. ❓ 이 오류의 원인은?Next.js에서는 서버 컴포넌트와 클라이언트 컴포넌트를 구분합니다. WebSocket처럼 브라우저 API를 사용하는 코드는 반드시 클라이언트 컴포넌트에서 실행되어야 하죠.✅ 해결 방법"use client" 지시어를 가장 위에 추가하세요!"use client";import { useEffect } from "react";export default .. 2025. 3. 31. 이전 1 다음
