[Feat/#44] PhotoRoom 화면을 구현합니다

[Kiyoung-Kim-57]

🤔 배경

1. 본격 네트워크 개발 전 빠르게 UI를 구현했습니다.

📃 작업 내역

1. Photo Room UI 호스트 게스트 화면 구현
2. 뷰모델에서 버튼 액션 Input에 따른 Output 전달
3. 호스트가 카메라 버튼 누르면 타이머 보임(아직 게스트에선 적용 안됨)

✅ 리뷰 노트

1. PhotoRoomViewModel에서 카메라 버튼 액션의 Input Output을 설정했습니다.

class PhotoRoomViewModel {
     ...
    enum Input {
        case cameraButtonTapped
    }
    
    enum Output {
        case timer(count: Int)
        case timerCompleted
    }
    
    private var output = PassthroughSubject<Output, Never>()
    
    func transform(input: AnyPublisher<Input, Never>) -> AnyPublisher<Output, Never> { }
    
    private func startTimer() {  } //timer output을 전달하고 Timer가 끝나면 timerCompleted output 전달
}

2. PhotoRoomViewController의 생성자에서 isHost Bool 값을 전달받아 호스트 뷰와 게스트 뷰를 생성합니다

• isHost 값을 PhotoRoomViewController 내부의 PhotoRoomBottomView, 그리고 그 내부의 CameraButton에 각각 전달해서 호스트와 게스트를 구분합니다.

PhotoRoomViewController(isHost: true)
PhotoRoomBottomView(isHost: isHost) //PhotoRoomViewController 내부에 자식뷰로 있음
CameraButton(isHost: isHost) //PhotoRoomBottomView 내부에 자식뷰로 있음

3. throttle을 이용해서 카메라 연속 터치해도 타이머가 연속으로 호출되지 않도록 했습니다.

// PhotoRoomBottomView.swift
cameraButton.tapPublisher
    .throttle(for: .seconds(Constants.throttleTime), scheduler: RunLoop.main, latest: false)
    .eraseToAnyPublisher()

🎨 스크린샷

iPhone SE(2세대)	iPhone 14	iPhone 16 Pro Max

🚀 테스트 방법

1. PhotoRoomFeatureDemo에서 PhotoRoomViewController의 생성자에 isHost를 true로 하면 호스트, false면 게스트 화면을 테스트 할 수 있습니다.
2. 호스트 화면에서 카메라 버튼을 누르면 타이머가 진행됩니다.

[hsw1920]

코멘트 남겼습니다 고생하셨어요!

[0Hooni]

LGTM 💯

수고 많으셨습니다!!