본문 바로가기

웹소켓4

[회고] 프로젝트 회고 <너쫌친당> 벌써 에코노베이션에 들어온지 1년이 되어가는데요 :)ㅎㅎ오늘은 두번째 학기에 진행한 프로젝트에 대해 회고를 해보려 합니다.(팀원 회고 포함) 🙆‍♀️팀명: 현솔루션🎱프로젝트명: 너쫌친당 ✔️팀원 구성: PM 1명, FE 1명, BE 2명  📋팀 회고 (질문별 답변자가 다릅니다 :) )Q1. 프로젝트를 소개해 주세요!: 당구를 함께 칠 상대방을 구하는 서비스로 게임 상대 매칭과 경기 진행, 결제까지 한번에 편리하게 체험할 수 있습니다.Q2. 프로젝트 하면서 어떤 문제를 겪었나요?: 마일스톤 관리가 잘 진행되지 못하여, 마지막에 많은 api들을 급하게 연동하게 되었습니다. 그로 인해서 조금 피곤했던 기억이 남네요. Q3. 프로젝트 하기 전 후 달라진 점이 있다면? : 프로젝트 시작 전부터 같은 분야 팀.. 2025. 2. 17.
웹소켓 연결, 끊김 감지 (feat. 채팅 목록 unreadCount 구현) 프로젝트를 진행하면서 웹소켓과 관련해서 개발할 일이 많아 꼭 구현해야하는 부분 중 하나가 웹소켓 연결 그리고 끊김을 감지하는 부분이었다. (모두 웹소켓 연결과 끊김을 감지하는 로직을 토대로 진행된다고 생각함) *개발 ToDo*1️⃣ 채팅 목록 unreadCount 숫자 구현2️⃣ 채팅 메세지별 unreadCount 구현 목차 1. 웹소켓 연결, 끊김 코드 구현2. 채팅 목록 unreadCount 로직3. 2번 코드 구현 1. 웹소켓 연결, 끊김 감지 코드 : WebSocketListenerConfig 클래스에 구현을 진행했다. (생략한 부분에 원하는 로직을 넣으면 된다.)@Component를 빼놓지 않고 넣어고 웹소켓 연결이 발생했을 때 이어지는 코드가 실행될 수 있도록 마무리해준다. ➕@Componen.. 2025. 1. 31.
STOMP? STOMP 딥다이브 STOMP란?채팅을 구현하기 위해 웹소켓을 찾아보다 보면 항상 나오는 프로토콜인 STOMP. 이 친구는 무엇일까?Simple Text Oriented Messaging Protoco Simple (단순한): 설계가 간단하고 사용이 직관 Text Oriented (텍스트 기반): STOMP는 텍스트 형식의 메시지를 주고받는 방식 Messaging Protocol (메시징 프로토콜): 클라이언트와 서버 간에 메시지를 송수신하는 방법 정의해놓은 프로토콜 더불어 Websocket과 분리되어 선택할 수 있는 프로토콜이 아닌 Websocket 위에서 동작하는 프로토콜로써 클라이언트와 서버가 전송할 메세지의 유형, 형식, 내용을 정의하는 메커니즘이다.  그렇다면 웹소켓만 사용할 때와 STOMP까지 결합시켰을 때의 흐.. 2024. 11. 24.
웹소켓이란? 웹소켓을 채팅구현하기 -이론편 (with Spring) 웹소켓웹소켓(WebSocket)이란 하나의 TCP 접속에 전이중 통신 채널을 제공하는 컴퓨터 통신 프로토콜이다.  웹소켓을 왜 사용하는 걸까?채팅과 같은 메세지 송수신에서 별도의 요청없이 데이터를 수신할 수 있기 때문에 클라이언트와 서버간 실시간 통신이 가능하다.소켓 사용 분야: 게임 어플리케이션, 챗봇, 푸시알림, SNS, 채팅 등  채팅구현은 웹소켓으로 밖에 못하나?그건 아니다!찾아본 결과 REST API, SSE, Long Polling, HTTP Polling 등 다양한 방식이 있었다. Youtube LIVE는 HTTP Polling방식을 이용했다고 하는데 WebSocket이랑 무엇이 다른걸까? Type장점단점HTTP Polling서비스 구현이 간단 & 편리● 유저가 작성한 메시지 전달 속도는 P.. 2024. 11. 3.