채팅 페이지 #25
Description
어떤 기능인가요?
채팅 페이지
작업 상세 내용
UI
- 채팅방 기본 틀
- 채팅방 목록 기본 틀
- 채널 리스트 및 채널 헤더 UI 개선
- 로딩 컴포넌트
기능
- 웹 소켓 연결
- 메시지 전송
- 채팅 만들기
- 그룹 채팅 만들기
- 채팅 나가기
- 해당 채팅방에서 그 날 첫 메시지일경우 그 날의 날짜 표시
- 채널 검색
- 채팅 메시지 검색
- 이미지 전송
- 비디오 전송
- 파일 전송
- 메시지 안 읽은 유저 수 표시
- 반응형
- 읽지 않은 메시지 개수 표시
리팩토링
- 채팅방 windowing 기법 적용
- 쿼리 키를 상태가 아닌 URL에 저장하는 방식으로 변경