본문 바로가기

websocket3

[React + SpringBoot] 1대1 랜덤채팅 프로젝트 - Redis를 이용한 매칭 로직 일대일 랜덤채팅 프로젝트 1. 환경설정 및 구성 2. 화면기능 및 설계 3. Spring + 웹소켓 + STOMP 설정 4. Spring + Redis 사용 5. Spring + Redis 매칭 로직 (현재) 목적 - 로스트 아크 게임 유저들을 위한 깐부 찾기 랜덤채팅 사이트 구성 - 프론트 : React, Shadcn, Javascript, Socket, STOMP - 백 : SpringBoot, Java, MySQL, Redis, WebSocket, STOMP 지난 포스팅은 Spring Boot + Redis간의 사용법에 대해서 간단히 알아보았다. 다시 말하지만 Sorted-Set을 이용했다. 먼저 매칭한 순서대로 자료를 찾아야 하기 때문이다. Redis를 연동해서 쓰는 것이 처음이다 보니 이렇게 하.. 2024. 3. 11.
[React + SpringBoot] 1대1 랜덤채팅 프로젝트 - Spring&웹소켓&STOMP 설정 및 구현 일대일 랜덤채팅 프로젝트 1. 환경설정 및 구성 2. 화면기능 및 설계 3. Spring + 웹소켓 + STOMP 설정 (현재) 4. Spring + Redis 설정 및 사용방법 5. Spring + Redis 매칭 로직 목적 - 로스트 아크 게임 유저들을 위한 깐부 찾기 랜덤채팅 사이트 구성 - 프론트 : React, Shadcn, Javascript, Socket, STOMP - 백 : SpringBoot, Java, MySQL, Redis, WebSocket, STOMP 목차 웹소켓 + STOMP 설정 웹소켓과 STOMP에 대해서는 이전 포스팅에서 설명하고 넘어갔으니 스프링에서 어떻게 설정하는지에 대해서 자세히 알아보자. 첫 포스팅에도 간단히 첨부는 하고 넘어갔던 데이터들이다. build.gradl.. 2024. 3. 9.
[React + SpringBoot] 1대1 랜덤채팅 프로젝트 - 화면 및 기능 설계 (실시간 통신, 매칭) 일대일 랜덤채팅 프로젝트 1. 환경설정 및 구성 2. 화면기능 및 설계 (현재) 3. Spring + 웹소켓 + STOMP 설정 4. Spring + Redis 설정 및 사용방법 5. Spring + Redis 매칭 로직 목적 - 로스트 아크 게임 유저들을 위한 깐부 찾기 랜덤채팅 사이트 구성 - 프론트 : React, Shadcn, Javascript, Socket, STOMP - 백 : SpringBoot, Java, MySQL, Redis, WebSocket, STOMP 목차 앞선 포스팅에서 간단한 프로젝트 소개와 구성에 대해 안내했다. 이번에는 내가 구상한 기능에 대한 소개와 어떤 프레임워크와 라이브러리를 통해 해당 기능을 구현하는지에 대한 큰 설명을 해보려고 한다. 당 프로젝트의 가장 핵심은 '.. 2024. 3. 8.