사용자가 연결을 종료하면 남아있는 사람들에게 어떤사람이 나갔다 라는 것을 알리기 위함이다.
rooms가 잘 이해가 안되어서 log를 좀 찍어봤는데
결국 room은 111을 의미하게되고 111번 사람들에게 나갔다는 메세지가 전달된다.
이제 채팅을하면 상대방에게 전송이 되고 나의 브라우저 화면에서도 You : 이런식으로 표현하겠습니다.
우선 send 버튼을 누르면 handleMessageSubmit을 호출한다.
이제 서버에 new_message를 보내고, 자신의 화면에는 You: 자신이 보낸 메세지 를 출력합니다.
이제 socket.on을 하면 자신외에 방에 속해있는 사람에게 new_message를 보냅니다.
프론트에서도 socket.on을 하여 화면이 출력 되도록 합니다.
'공부기록 > 웹 개발' 카테고리의 다른 글
pug css , jquery 오류 (0) | 2021.11.28 |
---|---|
zoom - 닉네임 (0) | 2021.11.27 |
zoom - room (0) | 2021.11.27 |
Zoom - socketio (0) | 2021.11.27 |
zoom - JSON.parse, JSON.stringify (0) | 2021.11.27 |