feat: websocket setting

[cjw9506]

🚀 목적 및 필요성

실시간 경매 어플리케이션을 구현하기 위한 웹소켓 설정

실시간 경매 어플리케이션의 조건

• 높은 가격을 먼저 서버로 요청한 사람이 구매권한을 가짐 -> 순서에 민감
• 경매방에 있는 사람들이 갱신된 입찰가격을 실시간으로 볼 수 있어야 함

Websocket 의사결정

• 경매에서 입찰가격을 실시간으로 갱신하기 위해 websocket을 사용하기로 함.
• 이전 로딩된 가격을 보고 경매에 참여하면 이미 높아진 가격으로 실패를 발생시켜 사용자 경험을 악화시킴.
• websocket을 사용하면 클라이언트 사이드가 요청하기 전 데이터를 푸시할 수 있음.

websocket을 사용한 대략적인 데이터 플로우는 아래와 같습니다.

• 1. 방 참가 - 유저(유저 참가할 때마다 참가인원 파악)
• 3. 경매 시작 시간을 정해서 그 시간에 인원이 차지 않더라도 시작 - 도중에 입장 가능
• 4. 실시간 메시지 보냄 -> 유저1 - 7000원
• 5. 메시지 하나하나 파악해서 최고값 갱신
     • 5.1. 메시지 파악해서 최고값 갱신
     • 5.2. 갱신한 유저로 변경
     • 5.3. mysql 저장
• 6. 정해진 경매시간이 지나면 낙찰
• 7. 낙찰되면 방 상태 변경 ex) status=false

📋 작업 상세 내용

• [x] websocket 설정 -> 메시지방 Enter, Chat, Leave 구현