[x] DM 좌측의 채팅했던 사람들 한 컴포넌트 시간추가 파란색 점 추가 및 디테일한 부분 수정
[x] 새로운 메시지 모달 디테일한 부분 추가
[x] directslice 에 여러가지 state 를 추가함으로써 redux 로 상태관리
[x] ImageSprite 합치기
[x] gapText DM 부분 쓰고 , 영인님이 쓴 부분 전 추가하기 ( useGapText )
[x] DM 새로운메시지 모바일일때 길어지는 부분 수정 (반응형) ( 735px )
[ ] NewChatRecommendUser 상위컴포넌트에서 선택처리해주기 ( API 받고 처리 )
[x] 친구아닌 유저에게 온 경우 처리 페이지 하나 더 만들기!
[ ] selectChatItem 에서 현재는 id 이지만 username 으로 바꾸는것도 고려해보기!! ( API 받고 처리 )
[x] directSlice 에서 action 의 타입 정의하기
정리
DM 부분 퍼블리싱은 완료하였습니다. 하지만 디테일한 부분 계속 새로운것이 보이면 수정하겠습니다.
친구가 아닌 사람에게 온 DM 을 보여주는 페이지를 구현하였습니다. 따로 라우트를 만들지 않고 컴포넌트를 만들어서 분기처리하였습니다. DM 관련 API 중에 처리 가능한 부분은 모두 구현해뒀습니다. 새로운 채팅 만들기 및 채팅방 삭제는 완료하였습니다.
DM 모달(6개) 중에도 3개는 공통적인 형태를 띄워서 CommonDirectModal 로 재사용가능하도록 해뒀습니다.
DM 페이지 디테일 부분 퍼블리싱
한일
정리
DM 부분 퍼블리싱은 완료하였습니다. 하지만 디테일한 부분 계속 새로운것이 보이면 수정하겠습니다. 친구가 아닌 사람에게 온 DM 을 보여주는 페이지를 구현하였습니다. 따로 라우트를 만들지 않고 컴포넌트를 만들어서 분기처리하였습니다. DM 관련 API 중에 처리 가능한 부분은 모두 구현해뒀습니다. 새로운 채팅 만들기 및 채팅방 삭제는 완료하였습니다. DM 모달(6개) 중에도 3개는 공통적인 형태를 띄워서 CommonDirectModal 로 재사용가능하도록 해뒀습니다.
할일
의논
한일
943709f 웹소켓 기능 추가 (통신성공)
766a751 memo 를 통한 랜더링 최적화 (영인님 너무 감사합니다 ...ㅠ😊)
195d494 memo + useCallback 을 통한 랜더링 최적화