GithubHelp home page GithubHelp logo

chat_service's Introduction

실시간 채팅 웹 사이트

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

version1

version 2

version2

4. ERD 설계

erd image erd cloud link

5. 사용 기술

version 1

  • spring boot spring websocket STOMP JPA

version 2

  • rabbitMQ

6. 개발 UI

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

2. 채팅방 변경 : 채팅방 목록에서 채팅방을 클릭하면 해당 채팅방으로 이동한다.

3. 채팅 삭제 : 스스로 생성한 하얀색 채팅은 클릭시 삭제된다.

4. 친구 초대: 친구의 닉네임 입력후 초대 아이콘을 클릭하면 친구 해당 채팅방에 초대한다.
간단설명

chat_service's People

Contributors

yudonggeun avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.