코딩마을방범대

클라이언트에서 웹소켓 연결을 해제하기 어려운 경우 부득이하게 서버에서 종료를 해줘야하는 경우가 있다.서버에서 해제하는 방법은 추천되지 않는다고 하나, 어쩔 수 없는 경우엔 사용할 수 밖에 없다.. HandshakeInterceptor나 WebSocketMessageBrokerConfigurer 등을 통해 웹소켓 수발신 세팅이 완료되어 있다는 전제 하에 서버에서 웹소켓 연결을 끊는 로직을 구성해볼 것이다. 웹 소켓을 이용한 메시지 전송(백엔드 - SpringBoot)웹 소켓을 이용한 메시지 전송(클라이언트) WebSocket 웹버전의 TCP 또는 Socket 서버와 클라이언트 간에 Socket Connection을 유지해서 언제든 양방향 통신 또는 데이터 전송이 가능하도록 하는 기술 Real-tsweet-..

웹 소켓을 이용한 메시지 전송(백엔드 - SpringBoot) - 이전포스트 이전엔 백엔드에서 웹소켓 기능을 처리하는 방법을 포스팅했었다. 이번엔 프론트에서 구독 및 메시지 받기 등을 진행할 것이다. 패키지 설치 > npm i soketjs-client, @stomp/stompjs --save 스크립트 파일 import SockJS from 'sockjs-client'; import StompJs from '@stomp/stompjs'; const client = new StompJs.Client({ brokerURL: 'ws://localhost:80/test', connectHeaders: { login: 'user', passcode: 'password', }, debug: function (str..

웹 소켓을 이용한 메시지 전송 (이전포스트) 코드에서 아래와 같이 SimpMessageHeaderAccessor을 이용하는 메시지 전송 코드를 보았다. 얼추 봤을 때 WebSocket을 사용하는 것이라고 어림짐작만 했지 본격적으로 알아보기는 이번이 처음이다. Map msgMap = new HashMap(){{ put("키값", "값"); }}; SimpMessageHeaderAccessor headerAccessor = SimpMessageHeaderAccessor.create(SimpMessageType.MESSAGE); headerAccessor.setSessionId(user); headerAccessor.setLeaveMutable(true); simpMessagingTemplate.convert..

웹 소켓을 이용한 메시지 전송(클라이언트) WebSocket 웹버전의 TCP 또는 Socket 서버와 클라이언트 간에 Socket Connection을 유지해서 언제든 양방향 통신 또는 데이터 전송이 가능하도록 하는 기술 Real-time web application 구현을 위해 널리 사용되어지고 있음 (SNS 애플리케이션, LoL 같은 멀티플레이어 게임, 구글 Doc, 증권거래, 화상채팅 등) 인터넷의 채팅 기능들은 websocket을 통해 이루어짐 WebSocket Sevrer를 운용할 때의 유의사항 WebSocket은 하나의 URL을 통해 Connection이 맺어지고, 후에는 해당 Connection으로만 통신 서버와의 정기적인 HTTP 연결을 설정 한 다음 Upgrade헤더를 전송하여 양방향 웹..