Building Netflix App in Swift 5 and UIKit - Get Started (Xcode 13, 2021) - Episode 1

Netflix Clone: Get Started

구현 목표

• 스토리보드를 사용하지 않고 UIKit 프레임워크를 통해 넷플릭스 앱을 클론 코딩

구현 태스크

• 커스텀 탭바 구현
• 탭바 아이템 선택/비선택 시 해당 이미지

핵심 코드

private func setUI() {
        view.backgroundColor = .systemBackground
        let vc1 = UINavigationController(rootViewController: HomeViewController())
        let vc2 = UINavigationController(rootViewController: NewAndHotViewController())
        let vc3 = UINavigationController(rootViewController: DownloadViewController())
        
        vc1.tabBarItem.image = UIImage(systemName: "house")
        vc1.tabBarItem.selectedImage = UIImage(systemName: "house.fill")
        vc1.title = "홈"
        vc2.tabBarItem.image = UIImage(systemName: "play.rectangle.on.rectangle.circle")
        vc2.tabBarItem.selectedImage = UIImage(systemName: "play.rectangle.on.rectangle.circle.fill")
        vc2.title = "NEW & HOT"
        vc3.tabBarItem.image = UIImage(systemName: "arrow.down.circle")
        vc3.tabBarItem.selectedImage = UIImage(systemName: "arrow.down.circle.fill")
        vc3.title = "저장한 콘텐츠 목록"
        tabBar.tintColor = .label
        setViewControllers([vc1, vc2, vc3], animated: true)
    }

• 탭바 별 선택한 탭 내에서의 각 네비게이션 스택을 관리할 수 있도록 각 탭마다 별개의 네비게이션 컨트롤러 선언
• 선택/비선택 시 달라지는 이미지 및 틴트 컬러 추가

구현 화면

강의 영상과는 다소 다른 코딩이 될 듯. 현재 UI에 최대한 맞춘 뒤, 넷플릭스 API를 사용해 더미 데이터를 받아올 예정.