- [Artistack - 뮤지션을 위한 음악 협업 플랫폼]
- 맡은 역할 : iOS 리드 개발, 서비스 기획, PM (디자이너 1명, 서버 3명, iOS 3명)
- 개발 기간 : 2022.06 ~ 2022.09 (3개월)
- 전체 프로젝트 1인 리팩토링 진행 중
- 소셜 로그인, 자동 로그인
- 숏폼 컨텐츠 재생
- 연주영상 녹화 및 업로드
- 연주영상과 음악 병합
- 게시물 좋아요 및 정보보기
- 프로필 사진 업로드
- Language : Swift
- Architecture : MVVM Input/Output Pattern
- Reactive : RxSwift, RxCocoa
- UI : CodeBase, Snapkit, Custom View
- etc : AVFoundation, AVKit, Social Login, RxDataSource, PHPicker
- AVFoundation:
동영상과 음원의 병합을 위해, AVMutableComposition을 사용, VideoAsset과 AudioAsset 분리 및 믹싱 기능 구현.
숏폼 UI 구현을 위해, AVQueuePlayer를 사용, AVPlayer를 사용했을 때보다, 테이블 뷰 페이징 시 로딩 시간을 단축하여 사용자 경험 개선 - 커스텀 카메라 구현:
Apple 공식 문서를 기반으로 AVFoundadtion의 다양한 기능을 활용하여 카메라 전환, 타이머, 다시 재생 기능 등을 포함한 동영상 녹화용 커스텀 카메라 구현 - RxDataSource 적용:
RxDataSource와 열거형을 활용하여, MultiSection MultipleCell 컬렉션뷰 구현 데이터 변화에 따른 UI 업데이트를 비동기적으로 처리 및 Animation 효과를 통한 사용자 경험 향상 - 소셜 로그인 구현 :
Apple Login 및 Kakao Login 구현, Alamofire의 RequestInterceptor를 활용하여, accessToken 만료 시, refreshToken을 사용하여 자동으로 토큰 갱신 구현 - Alamofire 추상화 및 네트워크 통신 모듈화:
URLRequestConvertible을 채택, Router 패턴을 활용하여 Network Layer를 추상화. 재사용성과 확장성 확보 및 개발시간 단축 - MultiPart 통신:
동영상, 프로필 사진 업로드를 위해, Alamofire의 Multipart를 활용하여 서버 통신
갤러리 접근 시, 기존 UIImagePicker를 모던한 방식으로 대체한 PHPicker를 사용하여 사용자 경험 향상
-
Apple 로그인 Authrization Code, Idendtity Token:
서버측에서 애플 로그인을 통한 사용자 식별과, 온보딩 후, 회원가입 시 서버에게 Authorization Code를 보내는 방식으로 구현하려 했으나, Authrization Code는 애플로그인 시 한번만 발급받을 수 있기 때문에, 회원가입 시 한번 더 애플로그인을 해야하는 문제가 발생했습니다. 애플 로그인의 인증은 서버에 Identity Token을 보내서 애플에게 유효성 검사를 요청하는 방식으로 처리하고, 회원가입 시에는 Authorization Code를 사용해 Access Token과 Refresh Token을 얻는 방법으로 해결하였습니다. -
AVMutableCompostion 영상과 음악의 싱크 문제:
AVMutableFoundation을 사용하여, 연주영상과 음원을 병합하는 기능을 구현했습니다. 하지만 최종 병합된 영상에서는 연주영상이 음원보다 0.5초 정도 느리게 병합되는 동기화 문제가 발생했습니다. 디버깅을 통해 카메라의 녹화 시점은 문제가 없음을 파악하였고, 영상 녹화시, 음원이 약 0.5초 느리게 재생되는 문제를 발견했습니다. APPLE은 공식문서를 통해 0.1초의 지연을 추가하는 것을 권장하고 있었고, 1분가량의 숏폼 영상을 녹화하는 데, 1초 정도의 딜레이를 주는 것이 적합하다고 판단하여, 문제를 해결하였습니다.
