B대면 노래방 | 211204

 

#채팅 구현 (room.js)

1. 메시지 입력하고 버튼을 누르면 emit
2. 서버에서 on해서 받고 socket.to(roomName).emit('showChat', 내용)
3. user.socket.on('showChat', 내용)

 

 

 

#git push 취소하는 법

$ git log --oneline #커밋 기록들 확인
$ git reset --soft [취소하고자 하는 커밋] #hard 리셋의 경우 --soft 대신 --hard

 

 

 

#JS element는 function 명명 시 Pascal Case로 작성

 

 

 

#채팅창 메시지 입력란에 메시지가 입력이 되지 않는 상황 해결중

...? room.js에 멤버리스트 띄우는 useEffect 삭제했더니 또 된다...?

room.js

onChange 안 쓰고 하려고 했는데 일단 onChange로는 구현이 완료되어서 그냥 onChange로 가기로 했다.

 

 

 

 

#io.to([room name]).emit([event]); 와 socket.to([room name]).emit([event]); 의 차이

io로 하면 자기 자신 포함.

socket으로 하면 자기 자신 불포함.

출처: socket.io 공식 홈페이지

https://socket.io/docs/v4/rooms/

Rooms | Socket.IO

 

 

 

 

#채팅창에 닉네임 띄우기

채팅창에 메시지를 올릴 때 닉네임과 더한 문자열을 올려주는 방식을 고안하였다. (www.js/116-117라인)

...안됨...

 

 

 

 

---

 

 

 

앞으로 구현해야 할 부분

1. 채팅에 닉네임 띄우기
2. 채팅 여러 개 띄우기. 다른 사람들이 적은 것도 나오게.