본문 바로가기

실시간통신3

[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.
[React + SpringBoot] 1대1 랜덤채팅 프로젝트 - 환경설정 및 구성 일대일 랜덤채팅 프로젝트 1. 환경설정 및 구성 (현재) 2. 화면기능 및 설계 3. Spring + 웹소켓 + STOMP 설정 4. Spring + Redis 설정 및 사용방법 5. Spring + Redis 매칭 로직 처음 프로젝트를 해보려고 할 때 socket을 이용한 채팅 사이트도 하나 만들어보고 싶었다. 하지만 REST API 통신부터 제대로 인지못한 상태에서 소켓을 이용한 실시간 통신을 한다는 건 힘들 것 같아서 미루고 미루다가 드디어 1인 프로젝트로 시작해보게 되었다. 기존에는 Thymeleaf를 이용한 간단한 웹 프로젝트를 진행하였으나 좀 더 많은 기능들을 편안하게 쓰기 위해서 React를 공부해서 진행했고 처음 쓰다보니 우당탕탕 코드들도 많다. 목적 - 로스트 아크 게임 유저들을 위한 깐.. 2024. 3. 8.