[FEAT/#50] WaitingRoom 화면을 구현합니다.

[youn9k]

🤔 배경

이번 주 데모에서 화면을 사용하기 위해 빠르게 구현했습니다.

📃 작업 내역

• 관갔던 PTGMicButton 원상복구
• 관갔던 tapPublisher 원상복구
• WaitingRoomViewModel 추가
• WaitingRoomViewController 추가
• WaitingRoomView 추가
• CollectionViewCell 버그 수정

✅ 리뷰 노트

기존에 작성된 뷰모델 코드들과 컨벤션을 맞추기 위해 Input, Output 패턴을 적용하고, 단방향 플로우와 가독성을 신경썼습니다.

struct Input {
        let micMuteButtonDidTap: AnyPublisher<Void, Never>
        let shareButtonDidTap: AnyPublisher<Void, Never>
        let startButtonDidTap: AnyPublisher<Void, Never>
    }

    struct Output {
        let micMuteState: AnyPublisher<Bool, Never>
        let shouldShowShareSheet: AnyPublisher<String, Never>
        let navigateToPhotoRoom: AnyPublisher<Void, Never>
    }
    
    func transform(input: Input) -> Output {
        let newMicMuteState = mutateMicMuteButtonDidTap(input)
        let newShouldShowShareSheet = mutateShareButtonDidTap(input)
        let newNavigateToPhotoRoom = mutateStartButtonDidTap(input)
        
        let output = Output(
            micMuteState: newMicMuteState,
            shouldShowShareSheet: newShouldShowShareSheet,
            navigateToPhotoRoom: newNavigateToPhotoRoom
        )
        
        return output
    }
    

사용하는 곳에선 아래와 같이 바인딩하여 사용할 수 있습니다.

viewDidLoad() {
    ...
    bindOutput()
}

func createInput() -> WaitingRoomViewModel.Input {
    return WaitingRoomViewModel.Input(
        micMuteButtonDidTap: waitingRoomView.micButton.tapPublisher          
        shareButtonDidTap: waitingRoomView.shareButton.tapPublisher,
        startButtonDidTap: waitingRoomView.startButton.tapPublisher
    )
}

func bindOutput() {
    let output = viewModel.transform(input: createInput())
        
    output.navigateToPhotoRoom.sink { _ in
        print("navigateToPhotoRoom 버튼이 눌렸어요!")
    }.store(in: &cancellables)
}

🎨 스크린샷

iPhone SE(2세대)	iPhone 16

iPhone 16 Pro Max	empty

🚀 테스트 방법

WaitingRoomFeatureDemo 를 실행하면 확인하실 수 있습니다!
드디어 테스트를..

[Kiyoung-Kim-57]

여러모로 많이 배워갑니다~~

[hsw1920]

수고하셨습니당! 일부 수정요청과 의도를 알고 싶은 부분에 대해서 코멘트 남겼습니다.

[0Hooni]

LGTM 💯

몇가지 궁금한 점들을 적어놨는데 나중에 코멘트 한번만 부탁드립니다 🫡

수고 많으셨습니다!