Skip to content

Refector : 강의코드 강의자,참여자 페이지에 반영, 화이트보드 공유 과정 안정화 #227

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 14 commits into from
Dec 7, 2023

Conversation

Jw705
Copy link
Collaborator

@Jw705 Jw705 commented Dec 7, 2023

작업 개요

  • 강의페이지에서 주소에 맞춰서 강의코드가 표시되고, 복사 내용에도 반영된다
  • 볼륨 바에 내용 전달하는 과정을 recoil을 이용하여 재랜더링 방지
  • 서버에 처음 입장 했을 때, 화이트보드의 마지막 데이터 받아서 확인
  • canvas를 비디오 스트림 형태로 전달/수신하는 과정을 제거했습니다.

작업 사항

여기에 작성하세요

고민한 점들(필수 X)

여기에 작성하세요

스크린샷(필수 X)

231207-2.mp4

Jw705 and others added 11 commits December 7, 2023 15:07
강의 페이지의 쿼리스트링에 맞춰서 강의코드를 표시하고, 복사 내용에도
반영합니다.
play.svg 아이콘이 진상님 PR에서 덮어씌워져서 생긴 충돌을
복구했습니다.프로그래스바에서 사용하는 play아이콘에는 progress를
붙였습니다.
…류 해결

setLectureCode위치를 수정해서 오류를 해결했습니다.
볼륨바에 내용을 전달하는 과정을 recoil을 이용하여 단순화했습니다.
서버에 참여자가 처음 입장 했을 때, 강의자가 마지막으로 보낸 화이트보드
데이터를 받아서 화면에 그릴 수 있습니다.
비디오 스트림 형태로 전송/수신하는 과정을 제거했습니다.
동령님이 수정하신 코드를 이용하여 toast를 같은 함수에서 여러 개 올릴 수
있게 했습니다.

Co-authored-by: LellowMellow <[email protected]>
사용하지 않는 주석과 콘솔을 제거했습니다.
@Jw705 Jw705 added 🛠️ Refactor 리팩토링 작업 FE 프론트엔드 작업 labels Dec 7, 2023
@Jw705 Jw705 added this to the 5주차 milestone Dec 7, 2023
@Jw705 Jw705 self-assigned this Dec 7, 2023
Copy link

netlify bot commented Dec 7, 2023

Deploy Preview for boarlog ready!

Name Link
🔨 Latest commit 88efa88
🔍 Latest deploy log https://app.netlify.com/sites/boarlog/deploys/65718d6d7b407700082013b2
😎 Deploy Preview https://deploy-preview-227--boarlog.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@Jw705 Jw705 requested review from Byeonjin and LellowMellow and removed request for Byeonjin December 7, 2023 09:07
@@ -1,7 +1,7 @@
import { useState, useEffect } from "react";
import { useSetRecoilState } from "recoil";
import selectedMicrophoneState from "../../../stores/stateSelectedMicrophone";
import micVolmeState from "../../../stores/stateMicVolme";
import micVolmeGainState from "../../../stores/stateMicVolumeGain";
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Volume에 u가 빠진 것 같습니다!

height: 0
};
//{ newData }: { newData: any }
const randerCanvas = (newData: ICanvasData) => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

rander -> render 이렇게 바꿔주시면 좋을 것 같습니다!

Jw705 added 2 commits December 7, 2023 18:14
제정신이 아니였나 봅니다. 오타가 무려 2개나..
Copy link
Collaborator

@LellowMellow LellowMellow left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍👍👍👍👍 너무 고생 많으셨습니다... ㅠㅠㅠㅠ

@@ -15,6 +15,7 @@ interface HeaderProps {
const Header = ({ type }: HeaderProps) => {
const [isProfileClicked, setIsProfileClicked] = useState(false);
const [isSettingClicked, setIsSettingClicked] = useState(false);
const [lectureCode, setLectureCode] = useState("000000");
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

흑흑... API 빨리 연결해서 해결하겠습니다 :)

@@ -11,7 +11,7 @@ const HeaderCodeCopyButton = ({ lectureCode }: HeaderCodeCopyButtonProps) => {
const handleShareButtonClicked = async () => {
try {
await navigator.clipboard.writeText(
`[함께 듣는 실시간 강의 Boarlog]\n\n지금 진행되는 강의에 참여해 보세요.\n\n강의 코드: ${lectureCode}\n강의 제목: 화이트보드 테스트\n강의 링크: https://boarlog.netlify.app/participant`
`[함께 듣는 실시간 강의 Boarlog]\n\n지금 진행되는 강의에 참여해 보세요.\n\n강의 코드: ${lectureCode}\n강의 제목: 화이트보드 테스트\n강의 링크: https://boarlog.netlify.app/participant?roomid=${lectureCode}`
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 부분까지 미리 반영해주셨군요!! 감사합니다 :)

@@ -9,12 +9,15 @@ interface UseToastProps {
}

export const useToast = () => {
const [toastList, setToastList] = useRecoilState(toastListState);
const [_, setToastList] = useRecoilState(toastListState);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

value를 사용하지 않으시기 때문에 _로 바꾸신거라면 useRecoilState 함수 대신 useSetRecoilState를 사용하시는 건 어떨까요?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

동령님과 이야기 해보겠습니다!

Comment on lines +1 to +2
import PlayIcon from "@/assets/svgs/progressPlay.svg?react";
import PauseIcon from "@/assets/svgs/progressPause.svg?react";
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저 대신 해결해주셔서 감사드립니다!

Copy link
Collaborator

@Byeonjin Byeonjin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

정말 고생이 많으십니다!

@Jw705 Jw705 merged commit da5b1ac into boostcampwm2023:dev Dec 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트엔드 작업 🛠️ Refactor 리팩토링 작업
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants