실시간 채팅 웹 사이트

Start : From 23-09-13
Version1 : To 23-09-20
Version2 : To 23-09-22

0. 실행

version 1

gradle bootRun

version 2

docker-compose up -f compose.yml

1. 기획 의도

• STOMP 프로토콜을 이용한 실시간 채팅 서비스 기능을 개발하여 STOMP 기술을 익힌다.
• 채팅 기능 구현을 통해서 동기화를 고려한 개발을 진행해본다.
• 메시지 브로커 (RabbitMQ or Kafka) 서비스를 이용해서 아키텍처를 구성한다.

2. 개발 기능

• 회원 기능
  • 간단 회원가입
  • 로그인
  • 친구 추가
  • 친구 삭제
  • 친구 목록 조회
• 채팅 기능
  • 채팅 입력
  • 채팅 삭제
  • 채팅 목록 조회
• 채팅방 기능
  • 채팅방 생성
  • 채팅방 조회
  • 채팅방 나가기
  • 친구 초대하기
  • 채팅방 배경색 설정
  • 채팅 안 읽음 확인

3. 아키텍처

version 1

version 2

4. ERD 설계

erd cloud link

5. 사용 기술

version 1

• spring boot spring websocket STOMP JPA

version 2

• rabbitMQ

6. 개발 UI

이름	상세	화면
로그인 페이지	닉네임과 비밀번호를 통한 로그인 페이지로서 모든 입력 값을 입력해야 로그인 버튼이 동작한다.
회원가입 페이지	닉네임과 비밀번호를 통한 회원가입 페이지로서 모든 입력 값을 입력해야 회원가입 버튼이 동작한다.
친구추가 페이지	친구의 닉네임으로 친구를 추가할 수 있다.
서비스 간단 설명 페이지	1. 채팅방 만들기 : 채팅방 만들기 버튼을 클릭하면 채팅방 추가를 위한 인터페이스 제공한다. 말풍선 아이콘을 클릭하면 채팅방을 생성한다. 2. 채팅방 변경 : 채팅방 목록에서 채팅방을 클릭하면 해당 채팅방으로 이동한다. 3. 채팅 삭제 : 스스로 생성한 하얀색 채팅은 클릭시 삭제된다. 4. 친구 초대: 친구의 닉네임 입력후 초대 아이콘을 클릭하면 친구 해당 채팅방에 초대한다.