Developing iOS with Rx, MVVM

Introducing how I developed iOS project with Rx, MVVM

staccato 2016 에서 발표한 자료입니다.

Transcript

1. Wooseong Kim Mobile software engineer, BBB Tech Inc. Rx 그리고 MVVM로개발하기 Session 4 #staccato iOS Development
2. Agenda MVVM - Model, View, View Model Rx - Reactive Programming - RxSwift MVVM + Rx - Data binding with RxCocoa
3. About me Yooii Studios -Android/iOS developer, Project manager - Developed 5 Apps, support 2 apps KNU libraries - iOS (4 years) - Android (2 years) BBB Tech Inc. - Android/iOS developer
4. Morning Kit News Kit Swish
7. About me Career -65% Android, 35% iOS - iOS 선호 양플랫폼에서 비슷한수준의 기술을유지하려 노력 오늘주제도 Android에서 먼저 경험한 내용
8. Swift 3.0
9. MVVM
10. Why Architecture? 자주발생하는 문제에대한 범용적인솔루션 Clean code, 높은가독성, SRP(단일 책임원칙) - 계속해서 변하는 기획에 대응하기유리 - 분업용이, 서로효율적이고 빠른코드리뷰가 가능 : github Pull Request & Merge with code review 혼자개발해도 설계는중요! -3개월 이후의나는다른 개발자나다름없음 - 미래의 내가 야근하지않기 위해…
11. Android architecture Clean architecture MVP pattern Repository pattern Dependency injection Rx … → Overengineering!
12. iOS architecture MVVM Repository pattern - Not covered today Rx - Asynchronous - Data binding → Efficient, Clean and Fast!
13. Why MVVM? 기존MVC 패턴의 문제 -Massive UIViewController is hell! 1000줄이 넘어가는 UIViewController - UITableViewDelegate, UITableViewDataSource, Life cycle - UI init methods, Model logic, UI interactions, Flow logic etc. → MVVM을통해Complexity ↓, Testability ↑ - Separate business logic from UI logic
16. Model Data structure Business logic Don’t talks to anybody(same as MVC) View에서 직접접근불가능
17. View including UIViewController View는 UI 로직만 포함 ViewModel update View with data owns ViewModel User Interaction을 받아ViewModel로 전파
18. ViewModel 앱의전체적인 Flow, Presentation logic을 관장 ViewController와 1:1 매칭 owns model (or not) View에서 발생한User Interaction에 대응
21. Directory structure 개인적으로 프로젝트 시작 전제일궁금했던 부분 -어떻게시작해야 하는거지? - 도대체 남들은 어떻게쓰고 있는 걸까?
24. Rx Reactive extension
25. Rx History
26. Project Volta 2007, Microsoft Live Labs 다양한기술을 하나의플랫폼에서 실행가능한 환경을 제공하려는시도
27. Project Volta 2007, Microsoft Live Labs Stopped now
28. Project Volta 2007, Microsoft Live Labs Reactive Framework 2009, Not open source
29. ReactiveX 2012년말 오픈소스로 전환 -본격적으로빠른 속도로영역을확장 Ubiquitous를 지향, 현재많은 언어지원 - Java, Scala, C#, C++, JS, Python, Ruby, Php, Swift etc.
31. Rx So what is Reactive extension?
34. . . . ?
35. asynchronous, event-based, observable
38. Reactive? Reactive Programming -데이터흐름(Data flow)과 변화의전파(Propagation of change)에 근간을 둔프로그래밍 패러다임-Wikipedia . . . ?
39. Data flow Propagation of change
41. Rxswift
44. Why Rx? 비동기로직, 복잡한상황을 좀 더간결하게표현 -No more complex callbacks Rx로비동기 로직 통일 - No more AsyncTask, GCD, NSOperation, Thread 메이저비동기 오픈소스들이 Rx 지원 - Alarmofire, Moya, Realm
45. MVVM + Rx Data binding
47. Data Binding 데이터의 변경에 맞추어뷰가 자동으로변경 Rx에선Observable에서 방출되는값에 맞추어UI가 변경되도록연 결 어떻게? - 프로젝트 초기 이해하지 못해View protocol로 구현 - Driver를 사용해해결
48. Driver UI Layer에 특화된 Observable Main Thread(UI)에서만 관측가능 크래시가 되지 않도록에러가 났을때 대신방출할값 지정필요
54. Conclusion MVVM -No more MVC! → MVVM or MVP, 그리고VIPER - 기존MVC 구조에서 점진적 적용가능 Rx - 학습곡선은 높지만, Clean code를 위한좋은동반자 - 비동기 로직부터 구현해보자 MVVM + RM - Data binding with Driver - No more View protocol
55. Q & A
56. Thank you! Wooseong Kim Mobile software engineer, BBB Tech Inc. kwosu87@me.com #staccato
57. staccato