next.js

Next.js 웹소켓 이슈

프로젝트를 진행하다 최근에 사용하게 된 Next.js를 이용해서 웹소켓 통신을 하는 client와 server를 동시에 구현하려고 했었다. 먼저 websocket connection이 맺어지는것을 확인하기 위해 다음과 같이 코드를 작성했다. - pages/api/monitoring/socket.ts import { Server } from "socket.io"; import { NextApiResponseServerIO } from '@/types/monitoring' const io = new Server({ path: "/api/monitoring/socket" }); io.on("connection", (socket) => { console.log('WebSocket connected success..