REACT

socket.io 실시간 chat 구현 (react - Node.js) - (2)

다음은 앞서 설명했던 단계들이 socket.io에서 어떻게 구현되어 있는지를 알아보겠다. 클라이언트단은 React.js 서버단은 Node.js를 사용하였다. 1. 소켓 생성 : 클라이언트는 socket.io-client에서 server의 IP와 port를 넣고 변수를 생성하면 된다. 클라이언트 - socket() //./component/socket.js import React from 'react'; import io from "socket.io-client"; // import { SOCKET_URL } from "config"; export const socket = io('localhost:5000'); export const SocketContext = React.createContext(); ..