Feat/#365-C: 회의 시작에서 회의 참여로 변경 (#357)

* feat: 회의 시작에서 회의 참여로 변경

회의 시작 기능에 문제(#282)가 있어 참여로 변경

* fix: 회의 퇴장으로 변경

Author: wcho21

client/src/components/Sidebar/MeetingButton.tsx

@@ -13,10 +13,10 @@ function MeetingButton() {
   const { isOnGoing, setIsOnGoing } = MeetingContext;
 
   const onClick = () => {
+    if (isOnGoing) {
+      socket.emit('bye');
+    }
     setIsOnGoing(!isOnGoing);
-    socket.emit(
-      isOnGoing ? WORKSPACE_EVENT.END_MEETING : WORKSPACE_EVENT.START_MEETING,
-    );
   };
 
   return (
@@ -25,7 +25,7 @@ function MeetingButton() {
       onClick={onClick}
       style={{ backgroundColor: isOnGoing ? color.red : color.green }}
     >
-      {isOnGoing ? '회의종료' : '회의시작'}
+      {isOnGoing ? '회의퇴장' : '회의참여'}
     </button>
   );
 }

server/socket/workspace.ts

@@ -52,6 +52,11 @@ function workspaceSocketServer(io: Server) {
       namespace.emit('video_state_changed', socket.id, videoOn);
     });
 
+    socket.on('bye', () => {
+      const senderId = socket.id;
+      socket.broadcast.emit(WORKSPACE_EVENT.RECEIVE_BYE, senderId);
+    });
+
     socket.on('disconnecting', () => {
       const senderId = socket.id;
       socket.broadcast.emit(WORKSPACE_EVENT.RECEIVE_BYE, senderId);