마이미디어

• 프로젝트 기간: 2024.10.08 ~ 2024.10.12
• 3인 개발

팀구성

김연정	권대윤	전준영
@Joy	@Daeyun	@Ethan
DB 구축 홈화면 구현	네트워크 구축 보관화면 구현 상세화면 구현	프로젝트 초기 설정 및 환경 구축 검색화면 구현

소개

• 미디어를 탐색하고 보관함에 저장할 수 있는 앱
• Configuration: iOS 15.0 +

주요화면 및 기능

홈 화면

• 최신 트렌드 영화와 티비 시리즈 중 랜덤한 미디어를 메인 포스터에 띄워 추천해줍니다.
• 최신 트렌드 영화와 티비 시리즈 리스트를 하단에 보여줍니다.
• 내가 찜한 리스트 버튼을 눌러서 보관함에 추가합니다.
• 미디어 포스터를 누르면 상세 화면으로 전환됩니다.

검색 화면

• 별도 검색어가 없을 때는 최신 트렌드 영화 리스트를 보여줍니다.
• 검색창에 원하는 영화나 티비 시리즈 제목을 기입하여 검색 가능합니다.
• 모든 미디어를 실시간으로 검색할 수 있습니다.
• 검색 결과가 많은 경우 세로 스크롤을 통해 추가 미디어 정보를 조회할 수 있습니다.
• 검색 결과를 누르면 상세 화면으로 전환됩니다.

보관 화면

• 내가 찜한 미디어를 조회할 수 있습니다.
• 내가 찜한 미디어를 왼쪽으로 밀어서 삭제할 수 있습니다.
• 미디어를 선택하면 상세 화면으로 전환됩니다.

상세 화면

• 선택한 미디어의 스틸컷, 평점, 줄거리, 출연진, 감독 등의 상세 정보를 보여줍니다.
• 저장 버튼을 누르면 보관함에 추가됩니다.
• 선택한 미디어와 비슷한 미디어 목록을 보여줍니다.

기술스택

• Framework : UIKit
• Pattern : MVVM + Input-Output Pattern, Alamofire + Router Pattern
• Library: RealmSwift, RxSwift, Alamofire, Kingfisher, SnapKit

주요 기술

• 아키텍처: RxSwift + MVVM
  • 비동기 작업과 이벤트 기반 프로그래밍을 간결하게 구현하기 위해 사용했습니다.
  • UI와 로직을 분리하고 데이터 흐름의 일관성을 유지하면서, 재사용성과 유연성을 높이기 위해 사용했습니다.
• 네트워크 통신: Alamofire + RouterPattern + ErrorHandling
  • API 요청을 모듈화해서 유지보수성을 높이고, 여러 API통신을 호출할 때 코드 중복을 줄일수 있었습니다.
  • 비동기 작업에서 단일 성공 또는 에러 이벤트만을 방출하는 장점인 Single을 활용하여 API통신 및 데이터 처리를 구현했습니다.
  • Result타입을 사용하여 성공과 실패에 따른 명확한 분기처리를 했습니다.
• 데이터베이스: RealmSwift
  • 네트워크 연결 없이 보관함 목록을 조회할 수 있도록 했습니다.
  • Repository Pattern을 사용하여 데이터 관리 로직을 분리했습니다.

트러블슈팅

1. 반복되는 UI 요소 전역 설정

2. ViewController에 코드 가독성이 좋지 못한 문제

3. 검색뷰에 TrendingAPI가 무한 호출 되는 현상

회고

• 프로젝트 기간동안 코어 코딩 시간대를 정해두고 임한 덕분에 매끄럽게 실시간 소통을 하며 개발할 수 있었습니다.
• 팀원이 도움을 필요로 할 때 각자 맡은 역할을 넘어 집단 지성을 발휘하여 협력했기에 문제 해결을 할 수 있었습니다.
• 뷰와 기능의 연관성을 고려하여 프로젝트 역할 분담을 했으면 개발 시간을 단축할 수 있었을 것 같습니다. (예시: Realm 모델 구축 - 보관함 뷰 구현)
• APIKey를 .gitignore 파일에 추가하여 git 추적을 방지했지만, APIKey 파일을 프로젝트에 포함한 상태로 github에 추가를 해서 pull 할 때마다 pbx conflict가 발생한 점이 아쉬웠습니다.

스크린샷

홈 화면	홈 화면	검색 화면	검색 화면

보관 화면	상세 화면

폴더링

📁 Project
├── 📁 Application
│   ├── AppDelegate.swift
│   ├── SceneDelegate.swift
│   ├── AppAppearance.swift
│   └── Info.plist
├── 📁 Resource
│   ├── Assets.xcassets
│   └── StoryBoard
├── 📁 Source
│   ├── 📁 TabBar
│   │   └── TabBarController.swift
│   ├── 📁 Database
│   │   ├── LikedMedia.swift
│   │   └── RealmRepository.swift
│   ├── 📁 Network
│   │   ├── APIKey.swift
│   │   ├── Router.swift
│   │   ├── TargetType.swift
│   │   ├── NetworkError.swift
│   │   └── NetworkManager.swift
│   └── 📁 Model
│       ├── Media.swift
│       ├── Trending.swift
│       ├── Genre.swift
│       ├── Search.swift
│       ├── Credit.swift
│       ├── Similar.swift
│       └── Video.swift
├── 📁 Utilities
│   ├── 📁 Protocols
│   │   └── ReuseIdentifier+Protocol.swift
│   ├── 📁 Extensions
│   │    ├── RoundCornerButton.swift
│   │    ├── ReachedBottom.swift
│   │    └── BackgroundIconButton.swift
│   ├─── AppColors.swift
│   ├─── AppIcon.swift
│   └─── AppStrings.swift
├── 📁 Base
│   ├─── BaseView.swift
│   ├─── BaseViewController.swift
│   ├─── BaseViewModel.swift
│   ├─── BaseCollectionViewCell.swift
│   └─── BaseTableViewCell.swift
└── 📁 Scenes
    ├── 📁 HomeScene
    │   ├── View
    │   │   ├── HomeViewController.swift
    │   │   └── HomeView.swift
    │   └── ViewModel
    │       └── HomeViewModel.swift
    ├── 📁 SearchScene
    │    ├── View
    │    │   ├── SearchViewController.swift
    │    │   └── SearchView.swift
    │    └── ViewModel
    │        └── SearchViewModel.swift
    ├── 📁 LikeScene
    │    ├── View
    │    │   ├── LikeViewController.swift
    │    │   └── LikeView.swift
    │    └── ViewModel
    │        └── LikeViewModel.swift
    └── 📁 DetailScene
        ├── View
        │   ├── DetailViewController.swift
        │   ├── DetailView.swift
        │   ├── PopupMessageViewController.swift
        │   └── PopupMessageView.swift
        └── ViewModel
            ├── DetailViewModel.swift
            └── PopupMessageViewModel.swift