리액트 클라이언트에서의 코드이다.
소켓 연동을 위해 useEffect 처음 mount 시 진행되도록 작업해놨다.
채팅 혹은 WebRtc 를 위해서 작업하던 중...
Node 서버에서 어떻게 작업해야 하는지 감이 안잡혀서 검색해보았다.
서버 작업 후 클라이언트 작업을 한 것이여서 이미 완료된 상태이다.
서버작업시 , 참조한 사이트이다.
[node.js] socket.io 예제와 정리
Socket.io 이란? socket.io를 알아보기 전, 웹 소켓에 대해 먼저 알아보자. 웹 소켓은 HTML5에 새로 추가된 실시간 양 방향 데이터 전송을 위한 기술이다. http가 아닌 ws프로토콜을 사용하며, 따라서 브라
smaivnn.tistory.com
[nodejs][socket.io] nodejs socket.io 사용기-2. room 사용, 현재 연결된 socket 찾기, disconnect 이벤트
이전 포스트: [Node.js] - [nodejs][socket.IO] 노드js 소켓 IO 사용기-1. socket.io란? 간단한 예제 코드 살펴보기 이전에는 socket.io를 간단히 사용하는 법을 살펴 보았다. 이번 포스트는 socket.io를 좀 더 유용
psyhm.tistory.com
socket.io - 실시간 채팅 / 채팅방 구현
프로젝트를 하면서 핵심기능 중 하나인 실시간 채팅, 채팅방을 구현해보았다. socket.io를 사용했고, 전에 알림이나, 소캣을 이용해 같은 페이지에 몇 명이 같이 보고 있는지를 보여주기 위해 소캣
jin-coder.tistory.com
위의 사이트에서 참조한 부분대로 서버작업을 진행하였다.
연동 성공!!
소켓 클라이언트와 서버와의 통신이 잘 되고 채팅 및 데이터 전달도 잘 된다!!
'Node.js' 카테고리의 다른 글
| Node_ 기본 url 변경시 서버 기본 url 매핑 작업 (0) | 2024.07.16 |
|---|---|
| Node.js 무중단 서비스 ( 배포 ) (1) | 2024.06.09 |
| Node.js Jwt... (1) | 2024.06.09 |
| Node.js 파라미터 받는법 (0) | 2024.06.09 |
| Node.js 파일 업로드 (0) | 2024.06.09 |