Leets-Official/MoodMate-BE

[🐰 MoodMate 🐰] Backend Repository

서비스 바로가기
> https://www.moodmate.site

팀 노션   |   백로그   |   figma   |   Swagger

📄 목차

• 📄 목차
• ✍🏻 프로젝트 개요
• ⚙️ 기술 스택
• 🧡 FE 팀원 소개
• 🚀 핵심 기능
  • 1:1 실시간 채팅
• 🏛️ 시스템 아키텍처

✍🏻 프로젝트 개요

MoodMate 무드메이트는 매일 밤 10시에 데이트 무드 취향, 나이와 학과 등을 고려하여 1대1 매칭을 해주는 서비스 입니다. 1:1 채팅은 매칭 시작 후 22시간, 다음날 오후 8시까지 유지됩니다.

⚙️ 기술 스택

분류	기술 스택
프론트엔드
백엔드
협업

🧡 BE 팀원 소개

이동훈	이서빈	인지원	장민호
BE	BE	BE	BE
@hoonyworld	@leeseobin00	@jiixon	@MinhoJJang

🖥️ 화면 구성

회원 정보 입력

상대 무디 조건 입력

메인페이지

매칭대기중 | 매칭 후 채팅중 | 비활성화중 메인

채팅

채팅 미리보기 | 채팅중 | 상대 무디 정보 조회

마이페이지

🚀 핵심 기능

매칭 시스템

유저가 설정한 데이트 무드, 나이 선호도, 같은 학과 선호 여부 고려

• 가중치 랜덤 알고리즘 방식으로, 매칭 여부를 활성화 한 경우 하루 한번 자동 매칭됨
• 유저가 매칭을 비활성화한 경우 활성화할 때 까지 매칭하지 않음

1:1 실시간 채팅

웹소켓과 Stomp 프로토콜을 이용한 1:1 채팅방 구현

• pub, sub 모델을 통한 양방향 통신 구현
• recoil 전역 상태 관리툴을 이용해 실시간 채팅이 올 때 마다 클라이언트 사이드에 저장함으로서 백엔드 api 요청 횟수 조절

채팅방 무한스크롤

리액트 쿼리와 IntersectionObserver를 활용한 무한 스크롤 구현으로, 사용자가 원할 때만 채팅 내용을 가져옴

• 유저가 스크롤을 위로 올리면 이전의 채팅이 설정한 사이즈만큼 보여짐
• 다음 페이지의 element가 없다면 더이상의 api 요청을 하지 않음
• 스크롤이 맨 위 또는 중간에 있을 때, 실시간 메시지를 송수신하면 스크롤이 가장 아래로 내려감