TIL 64. 2024-04-02

팀 프로젝트 진행 중 개발한 내용

Task TODOLIST

• 캠 클릭시 투표창 활성화 및 비활성화 기능 구현
• 조건부 스타일링 적용
  
  

✨ 개발 내용

zustand를 사용하여 전역으로 toggle 값을 관리하여 클릭 이벤트 활성화 및 비활성화 구현

기존)

.remoteParticipantOverlay > .remoteCam {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

변경)

.remoteParticipantOverlay > .remoteCam {
  width: 100%;
  height: 100%;
}

조건부 스타일링)
 className={`${S.remoteCam} ${isOverlay ? "cursor-pointer" : ""}`}