refactor: chat socket management

[juchan1220]

이 PR의 본래 목적은 double enter가 발생하는 문제를 수정하는 것이었으나, 수정 과정에서 socket 관리 및 chatStore, rtcStore의 socket 사용 방식을 리팩토링 했습니다.

현재 socket을 Chatroom 컴포넌트에서만 사용하고 있기 때문에, socket의 life cycle 관리를 Chatroom 컴포넌트에 위임했습니다. 추후 확장이 필요할 경우에는 socket 부분만 wrapper로 분리하여 사용하는 방법을 고려하고 있습니다.

공통

• initialize(socket: SocketType) 메소드를 구현하여, socket을 외부로부터 주입 받아 사용합니다.
• leave() / leave(roomId) 메소드를 구현하여, 소켓 연결은 유지하되 현재 room에서 퇴장하는 경우를 처리합니다.
• cleanUp() 메소드를 구현하여, 정상적인 절차로 현재 room에서 퇴장하고 소켓 연결을 종료하는 경우를 처리합니다.

chatStore

• chatStore의 enter() 는 이제 socket을 주입 받기 전에 호출한 경우, roomId 변경만 수행합니다. socket을 주입 받은 후에 호출한 경우, 기존과 같이 roomId로 enter를 emit 합니다.
  • 이를 통해 socket으로부터 connect 이벤트를 수신했을 때, 그 시점의 roomId로 enter를 수행하도록 합니다.
• chatStore의 enter() 는 정상적으로 다른 room에 있는 상황에 호출할 경우, double enter Error를 throw 합니다.
  • effect를 통해서 enter를, clean up을 통해서 leave를 수행하는 것을 의도했습니다.