SearchMovieApp

TMDB의 API를 활용한 영화 검색 앱

https://developer.themoviedb.org/

---

해당 프로젝트를 만든 이유

기회가 없어 사용해보지 못한 기술들을 경험해보고 싶었고, 어떻게 더 편하게 만들 수 있는지 직접 만들어보면서 배워보고 싶었습니다.

• CleanArchitecture + MVVM으로 설계했을때의 테스트가 얼마나 용이한지 경험해보고 싶었습니다.
• Combine은 사용해봤지만, RxSwift를 사용해본적이 없어서 사용해보고 싶었습니다.
• Alamofire는 사용해봤지만, Alamofire를 더 간편하게 래핑한 Moya는 사용해본적이 없어서 사용해보고 싶었습니다. 또, Moya의 장점 중 하나인 테스트에 용이하다는 것이 어떤 의미인지 느껴보고 싶었습니다.
• SnapKit으로만 View를 만들어봤는데, FlexLayout과 PinLayout은 어떤 장점이 있는지 만들면서 경험해보고 싶었습니다.
• SPM으로만 라이브러리 관리를 해왔었는데, Cocoa Pod을 이용해 라이브러리 관리를 경험해보고 싶었습니다.

iOS-Clean-Acrhitecture-MVVM 프로젝트의 폴더구조와 Layer를 참고하였습니다.

---

기술적인 도전

• RxSwift를 활용해 CleanArchitecture+MVVM 구조로 만들었습니다.

• FlexLayout과 PinLayout을 사용해서 UI를 만들었습니다. CollectionView는 DiffableDataSource를 사용해 부드러운 애니메이션의 UI를 만들었습니다.

• Moya를 사용해 네트워크 통신 코드와 실제 네트워크 환경에 의존하지 않는 Stub 코드를 만들었습니다.

• 각종 Unit Test코드와 RxTest를 활용한 ViewModel 테스트 코드, UI Test코드를 만들었습니다.

• 노출 위험이 있는 중요한 정보(API Key)를 Github에 노출하지 않게 plist를 활용해 숨겼습니다.

  API키 넣는 법

  

---

App Architecture

---

해당 프로젝트를 통해서 배운점

• CleanArchitecture + MVVM 구조로 설계하니 각 레이어에 대한 역할이 명확해지고, 테스트 코드를 짜는데 매우 용이했습니다.

• withCheckedThrowingContinuation 를 사용해서 Moya의 escaping closure를 async await 구조로 변경해서 사용하는 법을 배우고 적용할 수 있었습니다.

  예시 코드

  

• UI Test를 통해 해당 테스트의 스크린샷을 통해 실제 빌드를 돌리지 않고도 테스트 화면을 확인하는 방법을 배웠습니다.

  스크린샷

  

아쉬웠던 점

• Async Await를 사용해서 네트워크 코드를 만들다 보니 ViewModel을 테스트 할 때 RxTest를 100% 활용하지 못한다는 느낌이 들었지만 어떻게 개선해야할지 방법을 찾을수가 없어서 아쉬웠습니다.
• FlexLayout과 PinLayout에 대한 예시가 많이 없어서 간단한 CollectionView를 만드는 과정임에도 어떤 Life Cycle에 코드를 추가해야 하는지 명확히 알기에 어려움이 있었습니다.

---

Skills

• RxSwift
• CleanArchitecture + MVVM
• FlexLayout, PinLayout
• DiffableDataSource
• Moya
• Network Stub
• UI Test