웹소켓 연결 오류 질문입니다.

Question

교육원에서 프로젝트 진행 중 visual studio code에서 웹소켓 통신을 하고 있습니다.웹소켓을 연결하려고하면 콘솔에서 웹소켓 연결이 안된다는 오류만 나와서너무 답답해서물어봅니다현재 config는@Configuration@EnableWebSocketpublic class WebSocketConfig implements WebSocketConfigurer { private final ChatWebSocketHandler chatWebSocketHandler; public WebSocketConfig(ChatWebSocketHandler chatWebSocketHandler) { this.chatWebSocketHandler = chatWebSocketHandler; } @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(chatWebSocketHandler, "/ws/chat").setAllowedOrigins("*"); }}handler는@Configurationpublic class ChatWebSocketHandler extends TextWebSocketHandler { private Set sessions = Collections.synchronizedSet(new HashSet<>()); @Override public void afterConnectionEstablished(WebSocketSession session) throws Exception { sessions.add(session); } @Override protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception { for (WebSocketSession webSocketSession : sessions) { if (webSocketSession.isOpen()) { webSocketSession.sendMessage(message); } } } @Override public void afterConnectionClosed(WebSocketSession session, CloseStatus status) throws Exception { sessions.remove(session); }}이렇게 있습니다. 그리고 의존성 주입은 되어있습니다.연결이 안되어서 너무너무 답답해 물어봅니다

BGProgramming · Accepted Answer

아무것도 모르신다면 해당 프로젝트는 그냥 따라하기 식으로밖에 진행되지 않을 것 같습니다.이걸 이해시키는 것이 교육원일텐데....진짜 진짜 입문하시는 분이면 제 생각은 지금 이걸 당장 따라하시는 것보다언어에 대해 익숙해지는 것이 우선입니다.자바 스프링을 배운다면 자바부터 익숙해지셔야 합니다.지금 해당 과제는 언어 + 네트워크 + 서버 + 클라이언트 + 데이터베이스를 배우셔야 매끄럽게 진행하실수 있습니다.소켓 통신의 소켓 서비스 설계는 제외하더라도요.만일 취업이 목적이라면 이 모든걸 하는것보다 하나라도 확실히 짚고 넘어가는게 좋습니다.클라이언트라면 클라이언트, 서버라면 서버 이런식으로요.제가 개발 서비스를 3년 하셨다는 분이 면접 인터뷰에서 기본적인 제어문을 잘 다루지못하는걸 보고 당황한 적이 있습니다.개인적인 추천은 언어의 기본부터 차근차근 공부하세요.언어의 입문은 변수, 상수, 조건문, 순환문으로 사람이 생각하는 로직을 모두 표현할 수 있습니다.이것부터 해결하고 프레임워크나 툴을 배우시는것을 추천합니다.============================================================일단 소켓 통신의 기본은 서버가 소켓을 열어서 Listen하고 클라이언트가 접속하고 통신하는 과정으로 이루어집니다.제가 질문했던 사항은 문제가 있는 부분이 서버를 개설할 때 문제가 있는것이 맞는지 질문을 드린 사항입니다.만일 그렇다면 해당 오류로는 제가 원인이 무엇인지 분석하기 힘들다고 답변한 사항입니다.이유는 저 오류 원인이 그냥 오류가 났어요. 라는 수준이거든요.그렇기에 call stack에 찍히는 위치를 찾아가서 문제의 원인을 파악해야 합니다.지금 그 원인조차 파악되지 않은 상태입니다.오류가 서버가 기동조차 안되는지... 아니면 클라이언트에서 접속할 때 오류가 나는지도 저는 모르는 상황입니다.만일 서버가 기동조차 안된다면 서버 기동시 설정에 문제가 있을 수 있다고 생각이 되고...서버는 기동은 되지만 클라이언트 접속시 문제가 발생한다면 서버 네트워크 방화벽 문제일 수 있다고 추측한 상황입니다.이게 문제는 추측으로밖에 그칠수 없는게... 올려주시는 오류의 더 자세한 정보가 필요한 상황입니다.그런데 이렇게 물어물어 기동한다고 하더라도... 이해가 되지 않는다면 남는게 없을것 같습니다.

BGProgramming · Answer

제가 아래와 같이 먼저 답변했는데요.index.js라는 오류 구문때문에 제가 클라이언트에서 오류라고 생각해서 답변한 사항이었습니다.클라이언트가 웹 서버로 연결하려다가 오류났겠거니... 라고 생각해서 답변했는데요.코드를 보니 스프링 서버 같습니다.그럼 답변이 잘못된 내용입니다.우선 마지막에 클라이언트가 소켓 연결하는 부분을 테스트가 되었다면 그걸 사용하시면 되구요.우선 클라이언트가 접속 시도했을때 오류가 난 사항이 맞나요?그렇다면 일단 서버에 연결 요청이 온 사항이구요.서버 시작전에 오류가 났다면 설정 오류입니다.제가 지금 스프링으로 작업하지 않기에 해당 문구로만으로는 답변에 한계가 있는것 같습니다.======================================================오류를 해결하려면 해당 오류의 원인을 찾아야 합니다.이에 올려주신 WebSocket connect to 'ws' : 라는 오류 문구는 그냥 여기서 오류가 났어요. 라는 사항밖에 전달받지 못합니다.차가 고장났어요. 고쳐주세요. 라고 요청받으면 어떻게 답해야 할까요?그렇기에 오류 stack을 보아서 해당 오류가 난 원인이 무었인지 추정해야 합니다.그런데 정작 오류내용을 더 볼수 있는 내용은 없는것 같습니다.이에 그냥 오류가 날 가능성이 제일 큰 사항을 추정해서 답변한다면 서버에서 소켓을 제대로 열었는가?내가 해당 서버와 접속할때 보안으로 막힌 사항은 없는가?이런 사항을 점검해 보면 좋을 것 같습니다.일단 제가 질문자분의 테스트를 위해 잠시 웹 소켓을 개설했습니다.금일 날짜가 2024.08.21 일 이니 포트번호를 40821로 해서 열었구요.ws://practice.bgprogramming.com:40821 으로 접속하시면 접속하자 마자 Hello, Web Socket!! 이라는 문구가 뜰겁니다.다음은 순수 자바스크립트로 작성한 예시입니다.const socket = new WebSocket("ws://practice.bgprogramming.com:40821");socket.addEventListener("open", () => { console.log("WebSocket is open");});socket.addEventListener("message", (event) => { console.log("Message from server:", event.data);});이와 같이 한다면 콘솔에 다음과 같이 찍힐겁니다.WebSocket is openMessage from server: Hello, Web Socket!!여기서 테스트 해보시고 다시 원래 서버로 테스트해보시면 좋을 것 같습니다.

웹소켓 연결 오류 질문입니다.

2개의 답변

Q&A 목록