[Feat] 스터디 기능 구현 | 스터디 시작 및 중지, 질문 넘기기, 사이드바 접기 구현, 진행 중인 세션에 대한 처리 #281
Conversation
- 스터디가 진행 중일 경우 참가를 막는 핸들러 - 서버에서 인덱스 변경 정보가 내려오면 인덱스 정보를 수정하는 핸들러 - 서버에서 스터디가 시작되었는지 내려오면 inProgress 상태를 수정하는 핸들러
- 시작과 중지시 토스트 메시지 안내하도록 구현
- 컴포넌트 폴더에 하위 폴더를 만들어 구분
| socket.on(STUDY_LISTEN_EVENT.INDEX, handleChangeIndex); | ||
| socket.on(STUDY_LISTEN_EVENT.CURRENT, handleChangeIndex); | ||
| socket.on(STUDY_LISTEN_EVENT.NEXT, handleChangeIndex); | ||
| socket.on(STUDY_LISTEN_EVENT.START, handleProgress); | ||
| socket.on(STUDY_LISTEN_EVENT.STOP, handleProgress); | ||
| socket.on(STUDY_LISTEN_EVENT.PROGRESS, handleRoomProgress); |
There was a problem hiding this comment.
음 새로운 이벤트가 추가되었네요. 테스트에 추가해야겠어요.
스터디 세션 부분을 맡지않아서.. 본지 오래되어서 다시 살펴봐야겠네요.
There was a problem hiding this comment.
맞습니다 그 질문 넘기고 스터디 시작하는 기능들에 대한 이벤트에요. useSocketEvents로 분리되어있으니까 너무 편하게 구현했습니다👍👍🐽🐽
| } | ||
| }; | ||
|
|
||
| return ( |
There was a problem hiding this comment.
세션 페이지 자체가 어쩔 수 없이 길어지는데 제가 느끼기엔 비즈니스 로직과 UI를 분리하면 좋을거 같습니다. 이게 우선순위가 높은거 같아요. MyPage가 파일 자체는 별로 없는데 지금 UI랑 로직 분리해둔 상태입니다.
There was a problem hiding this comment.
아 네네 함수 구현 먼저하고 옮기려고했는데 깜빡했네요 감사합니다
| roomId, | ||
| isHost, | ||
| }: Props) => { | ||
| const { openModal } = useModalStore(); |
There was a problem hiding this comment.
모달은 modalStore가 아닌 useModal로 modal 인스턴스를 가져와서 사용하면 될거 같습니다. 이전 PR에 사용법을 적어두었습니다. #258
이 PR 참고하시면 좋을거 같아요!
| if (!roomMetadata?.inProgress) return; | ||
| const interval = setInterval(() => { | ||
| setUptime((prev) => prev + 1); | ||
| }, 1000); |
There was a problem hiding this comment.
여기 1000은 무슨 뜻인가요? 스터디 진행 시간 측정하는건가요?
There was a problem hiding this comment.
스터디 진행시간이 초로만 표시되는게 아니라 ~분 ~초 이렇게 되면 더 좋을거 같습니당
2 participants
Note
스터디 시작 및 중지, 질문 넘기기, 사이드바 접기 구현, 진행 중인 세션에 대한 처리 등을 구현했습니다. 조금 늦었는데 시연 영상 찍는거 도와드리겠습니다..!
관련 이슈 번호
✅ 체크리스트
🧩 작업 내용
📝 작업 상세 내역
호스트 권한 관리 및 도구 분리
사이드바 개선
API 연동
📌 테스트 및 검증 결과
💬 다음 작업 또는 논의 사항
🐥 리뷰 받고 싶은 포인트