영상플레이어

Github

플레이어 상태에 따른 재생/일시정지 이미지 표시

• 문제: 플레이어의 상태에 따라 재생/일시정지를 확인하는데 어려움을 느꼈습니다.

• 해결방안: Key-Value Observation을 통해 AVPlayer의 상태가 바뀔 때마다 UI를 업데이트하도록 구현했습니다.

• 관련 코드: 플레이어 상태에 따른 이미지 변경 Code

비디오 재생에 따른 UISlider의 Value 변경

• 문제: 플레이어가 재생될 때 마다 실시간으로 변경되는 현재 재생 시간을 받아와서 현재 재생 시간 및 UISlider의 value와 남은 시간을 업데이트 했습니다.

• 해결방안: AVPlayer에서 제공하는 메소드인 addPeriodicTimeObserver(forInterval:queue:using:)을 통해 특정 interval마다 completion block에 구현한 코드를 실행하여 실시간으로 값을 업데이트하도록 구현했습니다.

• 관련 코드: 비디오 재생에 따른 UISlider value 변경 Code

라이브러리에서 제공하지 않은 기능 추가

• 문제: RxSwift로 리팩토링하는 과정에서 라이브러리(RxAudioVisual)에서 제공하지 않은 기능들이 있어 플레이어의 빨리감기, 되감기, 10초 앞뒤로 이동 등의 기능을 구현하는데 어려움을 겪었습니다.

• 해결방안: 라이브러리에서 제공하지 않는 기능들은 직접 메소드를 정의하여 작업했습니다. currentTime, presenstationSize, canPlayFastForward 등

• 관련 코드: 라이브러리에서 제공하지 않은 기능 추가 Code

플레이어 컨트롤 기능 오류

• 문제: 라이브러리에 없는 기능을 구현하고 앱을 빌드했을 때 해당 기능(빨리감기, 뒤로감기, 앞뒤로 10초 이동, 이전&다음영상으로 이동)이 정상적으로 작동되지 않았습니다.

• 해결방안: MP4플레이어 화면에 진입할 때, viewDidLoad()에서 AVPlayer의 currentItem을 구독하고 currentItem을 파라미터로 전달하여 subscribeCurrentItem(_:)메소드를 호출하는 로직으로 문제를 해결했습니다.

• 관련 코드: 라플레이어 컨트롤 기능 오류 Code

전기차 충전소 위치 알리미

Github

로그인 했던 User는 앱의 메인화면으로 이동

• 문제: Firebase를 통해 이메일 로그인을 구현하고, 로그인된 정보를 바탕으로 로그인이 되었던 유저의 경우 추가 로그인 과정을 거치지 않고 바로 앱의 메이화면으로 진입할 수 있게 구현하고 싶었습니다.

• 해결방안: 로그인 절차를 마친 경우 해당 로그인 정보를 UserDefaults에 저장했습니다. SceneDelegate에서 UserDefault에 저장된 User객체의 정보를 확인하여 기존에 로그인했던 User인경우 바로 앱의 메인화면으로 이동하도록 구현했습니다.

• 관련 코드: 이미 로그인했던 Users는 바로 앱의 메인화면으로 이동하는 Code

위치정보를 바탕으로 경,위도 정보 추출하기

• 문제: 공공데이터에 저장된 전기차 충전소 위치는 경,위도 정보가 없고 주소 정보만 있었습니다. MapView에 전기차 충전소 위치를 표시하기 위해 경,위도 정보가 필요했습니다.

• 해결방안: GLGeocoder 클래스에서 제공하는 메소드를 이용하여 일반적인 주소(User friendly place name)에서 CLLocationCoordinate2D객체로 변환하여 앱에 전기차 충전소 위치를 표시했습니다.

• 관련 코드: GLGeocer를 이용해 CLLocationCoordinate2D로 변환

• 블로그 작성 글: [iOS - CLGeocoder 를 활용하여 주소를객체로 변환하기]

Firebase에 커뮤니티 글 표시하기

• 문제: 로컬 데이터베이스를 사용하지 않고 Firebase에 커뮤니티 글 객체를 저장하여 해당 화면에 진입 시 저장된 커뮤니티 글을 가져오는데 업데이트된 내용이 바로 적용되지 않은 어려움이 있었습니다

• 해결방안: View Life Cycle을 다시 공부하면서 View가 Load된 후 어떤 흐름으로 View의 생명주기가 진행이 되는지 정리했습니다. 이를 통해 viewWillAppear(_:)메소드에서 저장된 커뮤니티 글 정보를 다시 가져오고 난 후 tableView를 reload하도록 구현하여 해당 문제를 해결했습니다.

• 관련 코드: 커뮤니티 글 표시 Code

• 관련 공부 내용: View Life Cycle

냥집사

Github

Cat 이미지 Fetch

• 문제: API통신을 통해 받은 이미지 데이터를 collectionView(_:cellForItemAt:) 메소드에서 UIImage로 변환하여 화면에 표시했더니, 앱이 버벅거려 사용을 할 수 없었습니다.

• 해결방안: Kingfisher를 통해 이미지 캐싱 작업을 진행하여 계속해서 이미지 데이터를 받아 화면에 표시하는 상황에서도 앱이 버벅거리지 않고 정상적으로 작동하게 되었습니다.

• 관련 코드: Kingfisher이용한 이미지 캐싱 Code

Cat 이미지 Upload

• 문제: Cat 이미지 업로드시 HTTP Header가 multipart/form-data여서 해당 형식을 지켜 서버에 이미지를 업로드해야 했습니다.

• 해결방안: multipartFormData 형식의 상수를 선언하여 이미지 데이터 및 이미지 정보를 전달하여 서버와 통신했습니다.

• 관련 코드: multipart/form-data 관련 Code

Cat 이미지 Refresh

• 문제: 서버로부터 Cat이미지를 불러와 Local catList에 저장했습니다. 화면을 아래로 당겼을 때 Refresh가 정상적으로 작동되지 않았습니다.

• 해결방안: pullToRefresh(_:) 메소드가 호출 된 경우 기존의 catList배열을 새로 fetch한 배열로 변경함으로써 해결했습니다.

• 관련 코드: Cat 이미지 Refresh Code

StartToEnd

Github

코어 데이터 사용

• 문제: 앱 데이터를 저장하고 필요할 때 불러와서 화면에 표시할 수 있는 여러가지 프레임워크 중 어떤 프레임워크를 써야할지 많은 고민을 했습니다. 고민을 하면서 실제로 다양한 방법의 앱 데이터를 저장하는 방법을 공부했습니다.

• 해결방안: UserDefaults, KeyChain, FileManager, CoreData 등 애플에서 제공하는 프레임워크 외에 Firebase를 공부하면서 어떠한 프레임워크를 써야할까 많은 고민을 했습니다. 먼저 각 프레임워크가 제공하는 기본적인 기능을 기준으로 프레임워크를 분류하여 앱을 가장 효율적으로 구동할 수 있는 방법인 CoreData 프레임워크를 사용하여 앱 데이터를 저장하고 필요한 시점에 저장한 데이터를 불러오도록 구현했습니다.

• 관련 코드: Core Data Code

• 관련 공부: iOS에서 데이터 저장하기

• Keychain Services 정리: Keychain Services

코어 데이터에 저장한 Todo 객체 업데이트

• 문제: 코어 데이터 저장한 Todo객체를 업데이트할 때 각 항목을 업데이트하는 메소드를 하나하나 선언해서 업데이트 해서 Todo객체를 업데이트 하는데 충돌이 발생하고 정상적으로 데이터가 업데이트 되지 않았습니다.

• 해결방안: 각 항목(isCompleted, isMarked, isReminder, notiDate, memo)를 업데이트하는 메소드를 하나로 통일하고 각 파라미터를 옵셔널 형식으로 선언하여 업데이트 되지 않은 항목은 무시하도록 구현했습니다.

• 관련 코드: Core Data Todo Object Update Method

업데이트 된 정보를 전달하는 방법

• 문제: 다른 ViewController에서 업데이트 된 Todo 객체를 전달하는 여러가지 방법 중(Noticifation, Delegate, Completion Handler)중 어떠한 방법으로 구현해야 효과적일지 결정하기 어려웠습니다.

• 해결방안: Notification, Delegate Pattern, Completion Handler를 이용했을 때의 각각 의 장단점을 공부했습니다. 공부한 Notification을 먼저 적용하여 코드를 구현하고 추후에 리팩토링을 통해 개선하고자 했습니다.

• 관련 코드: 업데이트된 todo 객체 전달 방법 Code

• Delegate, Notification, Completion Block 정리: Delegate vs Block vs Notification

Rx 이벤트 처리

• 문제: 기존 코드에서 Notification과 Delegate을 이용해 이벤트를 전달했습니다. 하지만 RxSwift로 리팩토링 하면서 다른 방법을 생각보았습니다.

• 해결방안: todo를 저장할 경우 saveButton을 클릭시 todoTextField에 입력되어 있는 text를 방출하는 방법으로 이벤트를 처리하도록 했습니다.

• 관련 코드: Rx 이벤트 처리 Code

Local Notification을 통해 사용자가 등록한 시간에 알림 표시

• 문제: 사용자가 설정한 시간에 알림 이벤트를 전달하기 위해 Local Notification을 구현하고자 했지만, 처음 적용해보는 기능이고 공식문서만을 참고하여 구현을 하고싶은 마음에 어려움이 있었습니다.

• 해결방안: Apple에서 제공하는 공식 문서를 읽고 정리햇습니다. 그리고 제공하는 코드를 통해 어떠한 흐름으로 로직이 실행이되는지 분석하여 개인 프로젝트에 적용했습니다.

• 관련 코드: Local Notification 적용 Code
• Local Notification 정리: Local Notification
• Push Notification 정리: Push Notification

UMate

readme Github

커뮤니케이션 및 의견 조율

• 문제: 처음 진행하는 프로젝트인 만큼 기능을 구현하는데 많은 어려움이 있었습니다. 하지만 무엇보다 제일 어려웠던 점은 커뮤니케이션이었습니다. 서로의 의견을 공유하고 내용을 정리하는 과정이 처음에는 미숙하여 몇번이고 프로젝트를 처음부터 다시 시작해야했습니다. 또한, 각 팀원들이 원하는 방향이 달라서 의견을 조율하는데 힘들었습니다.

• 해결방안: 매주 회의를 통해 각 팀원들의 의견을 정리하여 의견이 갈리는 경우에는 충분한 대화를 통해 의견 조율을 하기위해 노력했습니다. 충분한 의견조율을 통해 UI 및 기능을 정리하고 서로의 역할을 나누어 프로젝트를 진행했습니다. 매주 서로가 느낀 어려운점을 공유하고 도움을 줌으로써 어려운 문제들을 해결해 나갔습니다.

• 회의 자료: 팀프로젝트 UMate 회의 일지

댓글, 대댓글 기능

• 문제: 댓글 및 대댓글을 구현하는 과정에서 계속해서 추가되는 댓글 및 대댓글을 구분하여 저장하는ㄴ데 어려움을 느꼈습니다.

• 해결방안: 새로운 댓글을 저장할 때 postID를 댓글 객체에 저장하여 각 게시물에 따른 댓글을 표시하였습니다. 대댓글을 저장할 때는 commentId를 저장하여 각 댓글의 대댓글을 표시했습니다.

• 관련 코드: 댓글, 대댓글 저장 Code