Next.js-채팅기능구현

Next.js로 사이드프로젝트 진행 중, socket.io를 활용한 채팅방 기능을 구현하고 있습니다.(서버는 express로 구성)express를 활용한 서버측 구성은 아래와 같이 구성합니다.io변수의 path는 클라이언트측과 socekt을 연동시켜주는 주소라고 생각하

Next.js - 채팅 어플리케이션 구현 2편

이번에는 참가자목록 및 이미지 업로드 기능을 추가했습니다. 참가자목록 채팅방에 유저가 접속하면, 서버에서 해당 유저를 Map에 저장하여 클라이언트측으로 배열 형태로 넘겨주는 방식으로 구현했습니다. > 1. 유저의 socket.id를 key, 닉네임을 value형