javascript1 [Next.js] per-page layout을 이용해서 백엔드 socket.io 연결하기 Next.js 를 사용하면서 별도의 백엔드에서 돌아가고 있는 socket.io 웹소켓에 연결을 할 필요가 있었다. const socket = io("https://server-domain.com"); 그런데 각페이지에서 socket 연결을 만들면 페이지 이동 시 socket의 연결이 끊어졌다 다시 재연결하는 문제가 생긴다 이 문제를 해결하기위해 useContext를 이용해보자고 생각했다. lib/socketContext.tsx import { Manager, Socket, io } from "socket.io-client"; interface SocketContextValue { chatSocket: Socket | null; } const SocketContext = createContext({ cha.. 2023. 5. 16. 이전 1 다음