4주차 스프린트 회의

4주차 스프린트 회의

1. 데모 시나리오
2. 백로그

데모 시나리오

1. 로그인
   • 임시로 숫자 입력칸을 만들고 로그인 버튼을 클릭하였을 때 입력한 숫자로 로그인을 한다.
   • 로그인 정보를 저장한다.
   • 로그인을 안했을 때 접근할 수 없는 페이지들에 대한 처리를 해준다.
   • 로그인 정보는 뭘로 저장 ? express-session vs jwt
2. 채팅
   • 상세 페이지에서 공동 구매 참여 버튼을 누르면 채팅 페이지로 이동한다.
   • 로그인이 되어있지 않을 경우 참여버튼을 누르면 로그인 모달이 등장한다.
   • 처음 입장할 때 다른 사용자들에게 새로운 참여자가 입장했다고 알림을 보낸다.
     • 이전의 채팅 내역도 확인할 수 있다.
   • 채팅페이지를 처음 들어오면 스크롤은 맨 밑을 기본으로 띄워준다.
   • 사용자는 채팅을 사용할 수 있다.
   • 사용자는 채팅을 엔터로 입력할 수 있다.
   • 채팅을 입력하면 자동으로 스크롤을 맨 밑으로 옮긴다.
   • 이미지 한 장을 전송할 수 있다.
   • 채팅은 다른 사람이 보낸 채팅이 왼쪽 내가 보낸 채팅이 오른쪽에 뜬다.
   • 사용자는 오른쪽 상단의 메뉴 버튼을 클릭하면 참여자 목록과 메뉴 버튼들이 뜬다.
     • 호스트는 모든 참여자가 구매 확정 버튼을 누르면 포인트 가져오기 버튼이 활성화되고 그 버튼을 눌러 포인트를 가져올 수 있다.
     • 호스트가 아닌 참여자는 낼 포인트를 입력하고 구매확정 버튼을 누를 수 있다.
       • 구매 확정 버튼을 누르면 참가자 목록에서 자신의 이름 옆에 제출한 포인트가 표시된다.
   • 참여자 목록에서 호스트의 프로필 사진 옆에 왕관을 붙여 호스트라는 표시를 해준다.
   • 나가기 버튼을 누르면 공동 구매 채팅방에서 나가지고 남은 사용자들에게 나갔다는 알림을 보낸다.
   • 호스트가 나가면 방 터짐

웹 소켓 vs socket io

https://velog.io/@jguuun/Socketio-WS-diff

1. 서버에서 채팅에 참여한 사용자끼리 방을 설정해주며 관리해야하기 때문에 Broadcasting 기능이 있는 socket.io를 사용하는 것이 적합하다.
2. 웹 소켓 까지 손을 댈 여유가 없음
3. 소켓 io를 사용하면 주기적으로 연결을 시도하여 연결이 끊어졌을 때 따로 처리를 해주지 않아도 됨.
4. 이미지 전송 가능
5. room 기능으로 채팅방 관리하기 훨씬 수월

관심 상품 등록 및 해제

채팅으로 이미지 전송 포인트 관련 작업 (포인트 제출 + 포인트 가져오기)

이미지 - 우리 서버에 바로 저장 ? nginx - /image => 이런식으로 해볼까?

담당	월	화	수	목	금
병웅	채팅 페이지, 채팅페이지 입장	채팅 이미지 전송
우진	게시글 리스트 개선, 채팅 페이지 메뉴(참여자 리스트)	채팅 페이지 메뉴	채팅 페이지 메뉴	채팅 페이지 메뉴
유노	로그인, 채팅 페이지 메뉴	채팅 페이지 메뉴
재석	링크 프리뷰	이전 채팅 가져오기	이전 채팅 가져오기

---

다음주

3. 관심 상품 등록
   • 상세 페이지에서 관심 상품을 등록하거나 삭제할 수 있다.
   • 로그인이 되어있지 않을 경우 로그인 모달이 등장한다.
4. 링크 프리뷰
   • 스켈레톤 컴포넌트로 구현
   • 스켈레톤 컴포넌트도 클릭하면 해당 링크로 이동할 수 있게 구현
5. 마이 페이지 - 다음주
   • 사용자의 프로필 사진, 닉네임, 포인트 잔액을 출력한다.
   • 포인트 잔액 우측의 '충전'과 '반환' 버튼을 클릭하면 관련 모달을 띄워 충전 및 반환할 수 있도록 한다.
   • 참여한 공동구매 목록을 제공합니다.
   • 찜 목록을 제공합니다.