만화경 앱 개발기 - iOS 만화경의 업데이트 마다, 다양한 UI가 나오고 사라집니다. 신입 개발자로 이러한 만화경 iOS앱을 유지보수 하면서 적응했던 내용과 재밌는 기능을 만들었던 경험을 공유하려고 합니다!

5. 혼자서 둘이서 iOS App 개발하기
만화경 앱 개발기!

6. 혼자서 Android App 개발하기
Lint 적용 🪄
Git Hook 🪝
Architecture 🏗
탬플릿 적용 ✍
버저닝 📝
CI/CD 📤

7. 팀원이 합류한 이후 어떻게 변했을까? 🤔
UI 개발 방법 개선 🚀
기획, 디자인 팀과의 커뮤니케이션 개선 🤝

8. 어떤 방법으로 개발 했을까요? 🤔
가장 익숙한
도움을 받을 수 있는

9. 만화경에 적합하도록!
둘이 된 이후로! ✌

10. 만화경에 적합한? 🤔
꾸준한 업데이트(격주에 한번)
UI 개선
기능 추가
UI 개선 빠르게 적용 및 삭제 🚀

11. Storyboard, Nib 📱
장점
개발하기 쉬운 Interface Builder
한눈에 볼 수 있는 UI
단점
각각의 View마다 Storyboard 파일 필요
자주 일어나는 git conflict

12. Code📝
장점
파일 하나로 View 개발
관리 용이
단점
View를 한번에 이해하기 힘듬

13. SwiftUI
코드와 View의 동기화! 🙌

14. PreviewProvider 🖼
UIViewRepresentable
UIViewControllerRepresentable
Code를 통한 UI개발의 단점 보완 👊

15. 만화경 랭킹 페이지
UIViewRepresentable 적용
PreviewProvider 적용
Canvas 통해 확인
다양한 크기에서 확인
+ 몇가지 tip

22. 몇가지 팁 🪄
API 테스트를 통한 Mock Data
Snippet을 이용한 code의 자동완성

24. Mock Data 📝

26. Xcode Snippet

27. 반복되는 작업.. 🤮
View 생성
translatesAut.. = fales 적용

29. <#name#>

30. ⇧(shift) + ⌘(command) + L - Snippet 단축키
Snippet 확인

31. 빠르게 UI 개발 및 개선 🚀
UI 개발 (Storyboard -> Code)
PreviewProvider를 통한 다양한 사이즈의 View 확인
API 테스트를 통하 Mock Data 적용
Snippet을 통한 반복 작업 제거

32. 만화경 실험실 ⚗

33. 만화경 벚꽃 에디션 🌸
CAEmitterLayer

34. CAEmitterLayer 🎉
birthRate - 갯수
velocity - 속도
spin - 회전 여부
..

35. 기능 위주의 설명
어떤 기능인지
어떻게 구현이 가능한지
구현된 예제

36. 기획 - 일정산출 📅
"이거 구현하는데 얼마나 걸려?”
디자인 - 리소스 🖼
“어떤 작업을 해야해?”

37. 일정 산출 📅

38. Independency 한 예제 📤
모듈화
기존 코드와 의존성이 없는 상태에서 작업 가능
[WWDC 2019] Creating Swift Packages
일정 산출 👊

39. Engineer vs Designer
리소스 작업 👨🎨

40. 디버깅 툴 🧪

41. 기획, 디자인 팀과의 커뮤니케이션 개선 🤝
측정 가능한 일정 산출
독립적인 예제
의존성 최소화
리소스 작업
디버깅 툴