Trouble shooting

1. socket.on으로 서버에서 통신 받을 때 'on'이라는 메서드를 읽지 못하는 현상

해결방법

socket이 정의 되어있지 않기 때문이라고 가정하여 socket을 적절한 위치에 넣기 위해 고민했습니다. 그냥 컴포넌트 안에 쓰면 안되고 socket이 연결되는 useEffect안에서 처리를 해야 작동하였습니다.

2. 방전체에 emit을 하여 메세지를 뿌려줘야하는데 자신의 클라이언트에서만 메세지가 보이는 현상

개요

console창에서는 데이터가 전부 보이는데 브라우져상에서 텍스트(메세지)가 추가되지 않음.

해결방법

기존에는 socket을 useState로 관리하여 처음 연결시 socket을 set해주고 state로 관리되는 socket에서 메서드를 실행했습니다.

socket은 컴포넌트 바깥에 선언하고 컴포넌트 안에서 socket을 연결하는 것으로 변경하였고 방에 들어가는 함수가 끝난 후 전체 메세지를 useState로 set해 주었습니다.

여러가지 고려사항들

• 처음 채팅방에 들어갔을 때 몇개의 메세지를 보여줘야 하는가
• 날짜 구분이 들어가야하는가? (ex. 카카오톡)
• 각 채팅방의 동네 id(roomId)가 있어야하는데 이건 어떻게 정해야하는가??