ymj3539/homezakaya

🥂Homezakaya

1인가구 화상 랜선 술자리 플랫폼

SSAFY 8기 공통 프로젝트

👨‍👩‍👧‍👦팀원 소개

고진석 : backend / frontend / Leader

권태형 : frontend

윤민주 : backend / frontend

이동우 : frontend

전병현 : backend / dev-ops

조수정 : backend / frontend

📆 프로젝트 소개

⚙​ 개발 환경 및 IDE

Backend

Frontend

Server

webRTC

Cooperation & Communication

• 진행 기간: 2023.1.9 ~ 2023.2.17

✨ 기획 배경

1. 1인 가구 증가

---

국가지표체계 | 지표상세정보

→ 시간이 갈수록 평균 가구원수[총 인구/ 총 가구수]는 감소하며, 1인 가구수는 꾸준히 증가하고 있다.

2. 외로움이 만연한 사회

---

‘외로움’이 감염만큼 위험하며, 하루 담배 15개비를 피우는 것과 동일하게 해롭다

• ‘고립의 시대’의 저자인 ‘노리나 허츠’ 박사

→ 설문 조사에 따르면 국가의 개입이 필요하다고 느끼는 비율이 높은 만큼

→ 국민들은 “외로움”을 해결해야할 “문제”라고 인식하고 있다.

3. 오프라인 술자리의 불편함 !

---

술자리 꼰대 사진 → 밑잔 남기네? (술 강권 유형)

→ 먹을 줄 모르네? (훈수 유형)

→ 하 그게 힘들어? 나때는 (라떼 유형)

→ 내가 그거 해봤는데 내가 잘 알아 (안해본 일이 없는 유형)

→ 한잔 더 해야지? (술 못마셔서 죽고 환생한 유형)

→ 불편한 사람들과의 술자리에서 일어나지도 못하고 전전긍긍?

→ 홈자카야에서는 강퇴, 매너도수 기능으로 불편한 사람들과의 만남을 쉽게 피할 수 있습니다

🙌 주요 기능

• 서비스 설명 : 1인 가구 친구 찾기 화상 술자리 서비스

• 주요 기능 :

  • 메인페이지 - 방 생성,참가 및 각종 정보 확인
  • 친구 CRUD , 온라인 친구 따라가기
  • webRTC를 통한 실시간 화상 술자리 게임
  • 할머니 게임
  • 나 안 취했어
  • 랜덤 대화 주제
  • 유저 상세 정보 , 매너 도수 평가
  • 배경 효과

• 방 생성

  • 방 제목, 주종, 인원, 공개 방에 대한 설정이 가능합니다.
    • 

• 친구 관리

  • 같은 방에 접속하거나 아이디 및 닉네임 검색을 통해 다른 사람에게 친구 요청을 할 수 있습니다.
  • 친구 요청 수락 시, 서로 친구가 되고 온라인 친구의 경우 친구 방 따라가기가 가능합니다.
    • 

• 매너 도수 , 알코올 도수

  • 유저에 대해 한 눈에 알 수 있는 지표로 매너 도수는 같은 방에 참여한 유저들의 상호 평가를 통해 계산되고 알코올 도수는 개인의 주량에 대한 평가입니다.
    • 

---

할머니 게임

• 할머니 게임이란?

  • 
  • 한 주제를 정하고 나서, 그 주제에 맞는 단어를 돌아가면서 말해야 합니다.
    치아가 보이지 않게 잇몸으로 치아를 가리고 말하는 것이 규칙이고 웃으면 탈락입니다!

• FACE API

  • FACE API란?
  • 
  • FACE API는 비디오 내에서 얼굴을 인식하고, 얼굴 표정 변화를 감지하여 값을 도출 합니다.
    표정 분석에 대한 결과로 여러 감정들이 수치로 표시 됩니다.
    행복에 대한 감정이 일정 수치를 넘으면 웃었다 판단하고 벌칙 당첨자가 됩니다.

• 

  • 웃음 사람의 화면은 노란색 테두리로 표시되어 손쉽게 알아볼 수 있고
    게임 현황 화면에 웃음을 참지 못한 사람이 표시됩니다.

나 안 취했어

• 나 안 취했어 게임이란?

  • 
  • 알코올은 감각과 중추신경계의 기능을 마비시키고 능력을 저하시킵니다.
    술에 취한 사람은 쉽게 혀가 꼬이고 어려운 발음을 하기 힘들어 하기 때문에,
    술에 취한 것으로 의심 되는 사람에게 발음하기 어려운 문장을 읽게하여 재미와 건전한 술자리 문화 둘 다 가질 수 있습니다.

• Web Speech API - SpeechRecognition

  • SpeechRecognition이란?
  • 
  • SpeechRecognition은 음성을 텍스트로 변환하는 API입니다.
    음성을 글자로 변환하고 음성이 종료되면 완성된 문장이 만들어집니다.
    

• 

  • 나 안 취했어 게임은 호스트가 한 명을 지정하여 게임을 시작합니다.
    대상자가 발음할 문장이 나오고 대상자가 문장을 모두 발음하면 발음한 문장이 게임 화면에 나옵니다.
    발음해야 하는 문장과 발음한 문장이 비교되어 정확도를 측정합니다.
    문장 인식은 게임 대상자의 음성만 인식되기에 다른 유저가 말해도 정확히 문장이 완성됩니다.
    정확도 결과에 따라 유저들이 게임 대상자를 취했는지 판단합니다.
  
  
  

랜덤 대화 주제

• 

• 어색한 분위기를 없앨 수 있게 새로운 대화 주제를 제공합니다.
  

유저 상세 정보 , 매너 도수 평가

• 
• 같은 방에 있는 유저끼리 서로 친구 추가를 하고 매너 도수를 평가 할 수 있습니다.
  
• 방장의 경우, 특정 유저에게 나 안 취했어 게임을 시키거나 방장 변경, 유저 강제 퇴장도 가능합니다.
  

배경 효과

-

• 뿌리기 효과는 봄, 여름, 가을, 겨울 컨셉으로 벚꽃, 비, 낙엽 , 눈 4가지가 있습니다.
  
• 버튼 클릭 시 다음 효과로 넘어가고 눈이 내릴 때 클릭하면 배경 효과가 종료됩니다.

💁개발 방식 및 결과

🧱 서비스 아키텍처

🌠 Server Description

• port (nginx)

  • 443	HTTPS
    80	HTTP - HTTPS로 리다이렉트(프론트 페이지)
    3306	MYSQL
    8080	Jenkins
    8443	Openvidu
    3000	React, NginX Docker Container
    8081	Spring boot Docker Container

🎩 화면 설계서

🎨 DB ERD

📬 API 명세서

📋 컨벤션

코드 컨벤션 요약

---

1. 소스 파일 기본 사항
2. 소스 파일 구조
3. Class 정의 방법
4. 코드 포맷
5. 네이밍 규칙
6. 주석

🌄 JIRA 컨벤션

• 번 다운 차트

👉 Git 컨벤션 요약

---

- 누가 어디서 무엇을 어떻게 하고있는지 누구나 대입할 수 있는 좋은 예시
- 소스코드를 보지 않고도 변경 사항이 무엇을 하는지 알 수 있도록 하기
- Git-flow 준수하기

예시
ymj: feat(User): 회원 가입 기능 
ymj: Design: 텍스트 상자와 레이아웃 프레임 사이 왼쪽 간격 늘림

😅 Git-flow

---

🥂Homezakaya