websocket
-
WebSocket을 이용한 실시간 채팅 구현하기 2: 클라이언트Today I Learned 2022. 12. 21. 10:25
WebSocket을 이용한 실시간 채팅 구현 기록은 다음의 네 단계에 걸쳐 작성할 예정이다. WebSocket을 이용한 실시간 채팅 구현 1: 서버 WebSocket을 이용한 실시간 채팅 구현 2: 클라이언트 WebSocket을 이용한 실시간 채팅 구현 3: STOMP WebSocket을 이용한 실시간 채팅 구현 4: 프로젝트에 적용하기 실시간 채팅을 처리하는 서버에 요청을 전송할 간단한 클라이언트를 React를 이용해 구현했다. 동작은 아래의 화면과 같이 이루어진다. 클라이언트에서는 3개의 채팅방에 접근할 수 있다. 각 채팅방을 열면 입력창이 출력되고, 채팅방과 연결된 모든 세션에 해당 사용자가 채팅방에 입장했다는 메시지가 전달된다. 사용자가 메시지를 입력하고 전송 버튼을 누르면 채팅방과 연결된 모든 ..
-
WebSocket을 이용한 실시간 채팅 구현하기 1: 서버Today I Learned 2022. 12. 18. 23:54
WebSocket을 이용한 실시간 채팅 구현 기록은 다음의 네 단계에 걸쳐 작성할 예정이다. WebSocket을 이용한 실시간 채팅 구현 1: 서버 WebSocket을 이용한 실시간 채팅 구현 2: 클라이언트 WebSocket을 이용한 실시간 채팅 구현 3: STOMP WebSocket을 이용한 실시간 채팅 구현 4: 프로젝트에 적용하기 특정 운동 모집 게시글에 참가하는 사용자들이 사용할 수 있는 각 게시글별 실시간 채팅 기능을 구현하기 위한 WebSocket 사용법을 학습하고 있다. 오늘은 Spring에서 WebSocket을 통해 특정 클라이언트가 서버에 메시지를 전송하면 서버와 연결되어 있는 다른 모든 클라이언트들에게 해당 메시지가 전송되는 서버를 구축하는 것을 실험했다. 전체 소스코드는 다음의 링크..
-
Web Socket과 STOMP 이해하기Today I Learned 2022. 12. 17. 02:33
Web Socket 클라이언트와 서버 간의 메시지를 교환하기 위한 통신 방법 중의 하나 2011년 RFC 6455에 의해 표준화 Web Socket을 지원하는 브라우저는 Web Socket Protocol을 지원 Web Socket의 특징 양방향 통신 (Full-Duplex) 데이터 송/수신을 동시에 처리할 수 있음 클라이언트가 요청을 보낼 때만 서버가 응답하는 단방향 통신인 HTTP 통신과는 달리, 클라이언트와 서버가 서로 원하는 순간에 데이터를 주고받을 수 있음 실시간 네트워킹 (Real-Time Networking) 연속된 데이터를 빠르게 노출시킬 수 있음 여러 단말기에 빠르게 데이터를 교환할 수 있음 Web Socket의 주 사용처: 주식, 게임, 채팅, 영상 등 Web Socket 이전의 HTT..