프로젝트 상세 기획

열품타 + 스트리밍 → 그 날 하루치 체크, 의자에 앉아 있는 시간

“캠을 키고, 같이 모각코하는 느낌”

베이스

• 화면 공유
  • 온/오프
  • 카메라 선택
• 음성 대화
  • 온/오프
  • 마이크 선택
• 채팅
  • 같은방 사람들에게 전파
  • 같은방 사람들이 보낸 채팅 보기 가능
• 공개방/비밀방
  • 공개방: 공부방 리스트
  • 비밀방: 비밀번호 혹은 링크로 참여할 수 있는 방
• 누적 공부 시간 타이머

추가적인 기능

• 날짜 별 순공 시간 통계 + 과목 태그

• 과목별 타이머

• 공부방 카테고리 분류

• 메시지? DM?

• 저화질 화면 공유

• 로그인

• 검색 기능

• 아바타 - Three.js, Babylon.js + mediapipe

• 투두리스트 → 공개/비공개 설정 ex. progress만 보여주는 방식 + 캘린더

• 누적 공부 시간 랭킹

  • 사용자 닉네임 설정
  • 일별, 주간별, 월별

• 뽀모도로 타이머

• 숨김방

• 비인가 유저가 닉네임이 있는 것처럼 속여서 접속할 경우에 대한 처리

---

문제 정의

• 혼자 공부할 때 동기부여가 잘 안되는 문제
• 캠을 켜고 언제, 어디서나 함께
• 공부한 시간을 기록!

기능 요구사항 정의

• 캠을 켜고 언제, 어디서나 함께

  • 공통

    • 참여자 목록

  • 화면 공유

    • WebRTC 사용
    • mesh로 사용할 때 5명 제한 → SFU 방식으로 해결?
    • 카메라 선택
    • 카메라 온/오프
    • 공부방 사용자 화면 그리드 뷰

  • 음성 대화

    • WebRTC 사용
    • 마이크 선택
    • 스피커 선택 → default는 시스템과 동일
    • 마이크 온/오프

  • 채팅

    • WebRTC vs WebSocket
    • 브로드캐스팅만 우선 구현
    • 채팅 메시지 작성 시간

  • 공부방 리스트

    • 공개방
    • 비밀방 → 메인화면 접근가능 → 비밀번호 입력 시 접근가능
    • 공부방 구성원이 아무도 없으면 일정 시간 뒤 공부방을 자동 삭제된다.
    • 아래처럼 만들어주세요

    

• 공부한 시간을 기록!

  • 누적 시간 타이머 → 서버에 저장해주세요
    • 비회원으로 우선 구현
    • 타이머 시작-일시정지 기능 구현 → UI로 화면 일시정지가 확 티나게 구현
    • 공부방 접속 시 공부 시간 기록
      • 웹페이지를 닫기 전까지의 누적 공부 시간만 기록돼요
      • 공부방에서 유저의 누적 시간을 다른 사람이 볼 수 있다

• 추가

  • 시작 화면 → 회원/비회원 선택 → 공부방 리스트