5주차 스프린트 회의

이번주 목표

• 개발내역 공유 및 학습자료 정리 잘 하기
• 서비스 개발 마무리 작업!

이번주 구현 할 작업 ?! 🐟

• 음성채팅 ⇒ J172

  • club 빼기, social 빼기, Random 넣기
  • 익명 음성 채팅 디테일
  • 랜덤 채팅
  • 채팅방 초대기능

• 채팅 ⇒ J135

  • 소켓 연결
  • 실시간 채팅 및 실시간 채팅방 상태 업데이트
  • 방 초대 방식 (채팅 초대)

• 이벤트 ⇒ J170

  • 필터링
  • 이벤트 등록 모달에 유저 선택 추가
  • 이벤트 등록 모달 스타일링

• 회원가입 ⇒ J170, J185 (우선 순위 낮게)

  • 초대 메일 보내기 → 팀 메일 만들기
  • 메일 내용 보완

• 유저 ⇒ J185

  • 프로필 사진 수정
  • 관심사 기능 → 프로필에 관심사 보여주기
  • 관심사 목록 만들기
  • 로그아웃 → Refreshtoken 삭제
  • 유저 카드 @userId → 완료

• 팔로잉 ⇒ J170

  • 온라인 표시

• 최근 활동 내역 ⇒ J135

  • 활동 내역 카드 만들기
    • 누군가가 나를 팔로우 함
    • 나에게 해당하는 이벤트가 생성됨
    • 내가 팔로우 한 사람이 room을 생성함
  • 활동 내역 타입별 양식 지정
  • (선택) 클릭 이벤트

• 스타일 ⇒ J185

  • 반응형 디테일
    • 헤더 레이아웃 수정
    • 메인 뷰 레이아웃 수정
    • 버튼 아이콘 달기
    • 외부 클릭으로 닫기 이벤트 설정

• alert 대체 컴포넌트 ⇒ J172

소켓 NameSpace 정의

• /room

• /chat

• /user (온라인, 알림)

• 지울 기능 ⇒ J185

  • Recently Listened to
  • Clubs

데모 시나리오

영상

참고영상

1. 프로젝트 소개
2. 기술 스택 소개
3. 음성채팅 + 음성변조 채팅
4. 검색 기능
5. 유저 관련 기능
6. 채팅 기능

발표

1. 프로젝트 소개
2. 회원가입
   1. 이메일 인증 방식 - nodemailer 설명
      1. 온 이메일 보여주기
      2. 인증번호 입력하기
   2. Oauth
   3. 유저 정보 입력하기
3. 로그인
   1. 같은 url로 로그인시 화면 바뀌는거 설명
   2. 개발자도구에서 토큰 보여주기
4. 룸 기능
   1. public
      1. 다같이 대화하기
      2. 대화중인 사람 테두리 생기는 부분 설명
      3. 마이크 음소거 테스트
   2. anonymous
      1. 익명
         1. 음성변조 설명
         2. 다같이 음성변조 대화
      2. 비익명 익명 같이 대화하기
   3. 랜덤
   4. 초대 메세지 보내기
      1. 채팅방의 index를 이용
5. 채팅
   1. 초대메세지 확인 (실시간 확인)
   2. 채팅 인원 선택해서 채팅방 만들기
   3. 실시간 채팅하기
6. 검색
   1. 방접속
   2. 팔로잉/언팔로잉
7. 이벤트
   1. 필터링
   2. 등록
8. 프로필 페이지
   1. 자신의 페이지
      1. 프로필 이미지 바꾸기
   2. 타인의 페이지
      1. 팔로잉/언팔로잉
      2. 팔로잉 리스트, 팔로우 리스트
9. 활동내역(Activity)
   1. 5~8번에 해당하는 활동내역 보여주기
10. 모바일 반응형 설명
    1. 데스크톱 버전
    2. 태블릿 버전 :: 아이패드 프로
       1. 메뉴 아이콘들 사라지고 메뉴버튼 생김
    3. 모바일 버전
       1. 룸 화면 사라지고 룸 버튼 생김

6주차(다음주) 예상 작업 (기능 X)

1. 렌더링 최적화
2. DB 최적화
3. 리팩토링
4. 보안 개선
5. 테스트 코드