TIL. React. <22.06.11>

강형원·2022년 6월 11일
0

React

목록 보기
26/29
post-thumbnail

오늘 해야 할 일

  • 이력서 수정
  • socket.io 다시보기, 페이지 최적화 다시 보기

오늘 공부 한 것

  • 소켓 아이오를 사용했고 HTML5 이전에 기술로 구현된 서비스에서 웹 소켓처럼 사용하기 위해 사용 했음.
  • 소켓io로 네임스페이스를 지정해서 그 네임스페이스에 맞는 데이터를 on과 emit으로 주고 받습니다.
  • 유즈파람스를 써서 파라미터를 가져와 채팅방을 식별할 수 있는 룸아이디를 만들었음
  • scrollToBottom을 써서 Chat에 들어오면 스크롤 제일 아래로 하기.
  • scrollIntoView를 써서 현재 채팅치는 곳에 스크롤 이동하게 하기
  • ChatMenu 컴포넌트는 section 태그를 이용하여 주제별 영역들을 그룹화 함.
  • systemMsg가 오면 chatUserList API에서 룸아이디를 이용하여 방정보를 가져옴(만듬).
  • 방에 들어가는 것은 socket.emit으로 하고 룸아이디를 사용함
  • preventDefault를 써서 엔터 칠 시 페이지 리로딩 안되게 하기
  • 유저아이디 배열을 만들어 참여 할 때 마다 유저아이디 배열에 추가하게 하기
  • 엔터가 아닌 버튼을 눌러 채팅을 보낼 땐 최적화를 위해 useCallback을 쓰기.
  • 강퇴는 모달같이 구현, 소켓온으로 “ban” 워크스페이스
profile
사람. 편하게.

0개의 댓글