Open wjdwl002 opened 1 year ago
src>components>Cam 하위의 컴포넌트들 전반적으로 코드 리팩토링 및 적절히 훅을 분리할 필요가 있음.
리액트 컴포넌트에서 socket 객체를 다루는 다른 클론코딩 사례를 검토하고 적절한 방식을 도입할것
여러 캠들을 가지고 있는 캠 컨테이너 컴포넌트로, 본인이 입장하는것과 다른 멤버가 입장하는 것들에 대한 처리를 이 컴포넌트에서 하고있음
내 캠 화면 컴포넌트로, mute와 cam on/off 관리를 함
상대방 캠 화면 컴포넌트로, 재사용 가능하게(명수만큼 n번 이상 호출되게) 설계되었으며, 구글의 stun 서버를 이용해 peerConnection 하는 코드가 이 컴포넌트에서 관리되고있음.
초기 진입시 캠 연결을 위한 signaling server 와의 sdp 교류 및 ice candidate 선정
@Charmull 지민님 혹시 컴포넌트 설명에 덧붙힐 말이 있으면 수정 바랍니다 😇
src>components>Cam 하위의 컴포넌트들 전반적으로 코드 리팩토링 및 적절히 훅을 분리할 필요가 있음.
리액트 컴포넌트에서 socket 객체를 다루는 다른 클론코딩 사례를 검토하고 적절한 방식을 도입할것
컴포넌트 용도 설명
CamList.tsx
여러 캠들을 가지고 있는 캠 컨테이너 컴포넌트로, 본인이 입장하는것과 다른 멤버가 입장하는 것들에 대한 처리를 이 컴포넌트에서 하고있음
LocalCam.tsx
내 캠 화면 컴포넌트로, mute와 cam on/off 관리를 함
RemoteCam.tsx
상대방 캠 화면 컴포넌트로, 재사용 가능하게(명수만큼 n번 이상 호출되게) 설계되었으며, 구글의 stun 서버를 이용해 peerConnection 하는 코드가 이 컴포넌트에서 관리되고있음.
SignalingConenct.tsx
초기 진입시 캠 연결을 위한 signaling server 와의 sdp 교류 및 ice candidate 선정