# 2021-11-22 5주차 스프린트 회의

## 해야할 기능
### 현구

- 헤더에 사용자 로고로 대체(드롭다운 ⇒ 닉네임 변경 + 로그아웃 기능)
- 방송 관리페이지에 헤더 컴포넌트 추가
- CI/CD(pm2 script 작성, 실행 환경에 맞게 env 설정해서 실행되도록)
- PM(관리 & 감시)
- 렌더링 테스트(메시지 렌더링 최적화 `throttling` 적용 전 vs 적용 후)
- 알시얼리 + 크롬 개발자 도구에 리액트 프로파일링(렌더링 속도 측정??)
- Profiling을 어떤 방식으로 적용 할 것인지?
- LightHouse 점수 높이기 꼭지 높여!

### 정원
- 낙관적 검증을 도입하여 DB의 트랜잭션이 실패한 경우 메시지 실패 버튼이 표시된다. (정원)
- 메시지 실패 버튼을 클릭 시 해당 메시지는 삭제되어 다시 메시지가 렌더링 된다.
- 성능 테스트 (정원)
- 소켓 테스트 (낙관적 검증 적용 전 vs 후)
- 메시지는 일관성이 중요하지 않은 데이터라고 판단
- 클라이언트측 소켓 응답 레이턴시(emit 후 메시지를 받을 때 까지의 시간)
- LightHouse 점수 높이기 -> 이미지 최적화!

### 호준
- 채널 정보 수정
- 방송 종료 시 isDelete=true
- store에 isDelete 여부에 따라 카메라 버튼 클릭 시 분기 처리
- 스웨거 작성
- 배포시 선택적 구글 로그인
- LightHouse 점수 높이기 꼭지 높여!
- 로그인 후 메인페이지로 리다이렉트 되지 않고 현재 페이지로 리다이렉트

### 재욱
- 짜잘짜잘짜잘한 디자인 수정해볼게..
- obs 가이드
- 텍스트?? 이미지??
- asset/images에 박아놓을게
- meta 태그를 등록하여 url 정보를 입력한다. (썸네일, 타이틀, 설명)
- 실시간 시청자 수 => 소켓에 인메모리에 박아놔라.. 알았냐?
- 방송 페이지에서만 채널 시청자 수가 보이도록....?
- LightHouse 점수 높이기 꼭지 높여!
- 폰트 최적화

## 꼭 해야 할 것 ⭐️
- light house Performance 올려보자!
- 이미지 최적화
- HTTP Request & Response 형식 통일화
- error 핸들러를 만들어서 통일성 관리해보자
- 응답 시 넘어오는 파라미터들 명세가 정리가 안되있으면

## 시나리오 선정
- 헤더에서 사용자 로고를 클릭하면 닉네임을 변경과 로그아웃을 할 수 있다.
- 방송 관리 페이지에서 채널 정보를 수정할 수 있다.
- 방송 관리 페이지에서 스트리머는 방송을 위한 가이드(OBS 가이드)를 볼 수 있다.
- 방송 관리 페이지에서 로그아웃을 할 수 있다.
- 사용자는 로그인을 하면 현재 페이지로 리다이렉션 된다.
- 방송 시청 및 관리 페이지에서 실시간 시청자 수를 확인할 수 있다.
- 사용자는 url을 공유하면 url에 대한 썸네일, title, description을 볼 수 있다.
- 채팅 메시지 전송을 실패하면 메시지 좌측에 삭제 버튼이 나타난다.

## 버그🐛 수정
- 채널 아이디와 맞지 않은 소켓 룸으로 입장되는 문제 (다른 방의 채팅에 참여되는 문제)
- 배포시 선택적 구글 로그인
- 사용자가 방송을 시작 후 다시 헤더의 카메라 모듈을 클릭하면 새로운 방송을 생성할 수 있음
- 로그인 후 메인페이지로 리다이렉트 되지 않고 현재 페이지로 리다이렉트
- development, production 용 배포 파일 구별 필요!

## 이슈

- 방송 종료 버튼 클릭 시 isLive 상태가 false가 되서 테이블은 유지? -> 사용자가 방송 테이블을 여러개 만들 수 있음 (API 측면에서)
- isLive, isDelete 의미가 다름.
- isLive 가 false
- 채널 만들었을때 방송시작 안한 경우 isLive =false && isDelete=false
- 채널 종료 버튼 클릭 했을 때 isLive=false && isDelete=true