[iOS] SwiftUI 학습 순서 (feat. Tutorial & WWDC)

현재 회사에서 진행하는 프로젝트에서 SwiftUI와 Combine을 사용하고 있는데, 최근에 드디어..! CBT 버전 개발을 완료하고 배포했습니다 ㅎㅎ

블로그 포스팅을 어떤 내용으로 하면 좋을까 생각해보다가 SwiftUI로 나름(?) 대규모 서비스를 개발해 본만큼 SwiftUI 학습을 처음 시작하려는 분들에게 어떤 순서로 학습을 하면 좋을지 알려주면 좋을 것 같아서 학습 순서를 정리해보려 합니다!

(주의: 만약 서비스가 지원하는 OS의 최소 버전이 iOS13이라면 SwiftUI 도입을 극구 말리고 싶습니다. 최소 지원 버전이 iOS14 -> iOS15 ~ 16 일때 도입을 고려해 보세요. 정정: 성능이 중요하거나, 메인 기능의 경우 추천드리지 않습니다.) 

 

1. SwiftUI Tutorial

먼저 첫 시작으로 애플이 제공하는 SwiftUI Tutorial을 따라해보면 좋을 것 같습니다. Chapter1 ~ Chapter4까지 약 4시간 30분 분량(원어민 기준)의 튜토리얼인데, 여유롭게 1주일이면 SwiftUI로 꽤 근사한 앱을 만들 수 있습니다. 튜토리얼을 통해 SwiftUI가 제공하는 대부분의 기능을 사용해볼 수 있고 개념에 대한 설명이 같이 있기 때문에 매우 유익합니다. 

https://developer.apple.com/tutorials/swiftui

Apple Developer Documentation

 

2. SwiftUI Layout System 이해하기

Tutorial을 통해 SwiftUI에 대한 찍먹을 끝냈으면, 이제 Layout System이 어떻게 돌아가는지 이해할 필요가 있겠죠? 

우리가 UIKit으로 앱을 개발했을 때는 AutoLayout을 사용했지만, SwiftUI에서는 더 이상 사용하지 않습니다. 우리가 AutoLayout을 사용할 때도 먼저 학습을 진행했듯이, SwiftUI 역시 Layout System을 이해해야 더 제대로 사용할 수 있습니다.

Layout System을 이해하기 위해서 제가 추천드리는 방법은 WWDC 세션 시청입니다. (꼭 보시길 강력 추천드립니다!!)

SwiftUI Essentials (WWDC 2019)

https://developer.apple.com/videos/play/wwdc2019/216

SwiftUI Essentials - WWDC19 - Videos - Apple Developer

 

Building Custom Views with SwiftUI (WWDC 2019)

https://developer.apple.com/videos/play/wwdc2019/237

Building Custom Views with SwiftUI - WWDC19 - Videos - Apple Developer

 

3. SwiftUI 동작 방식 이해하기

SwiftUI Layout System을 이해했으면, 이제 동작 방식을 이해할 필요가 있겠죠? ㅎㅎ 여기에 대한 학습도 Apple WWDC가 짱입니다..

왜냐면 Demystify SwiftUI라는 세션에서 자세히 설명해주고 있거든요..ㅋ  (참고: Demystify == '이해하기 쉽게 설명해주다.', '분명히 설명해주다.')

Demystify SwiftUI (WWDC 2021)

https://developer.apple.com/videos/play/wwdc2021/10022/

Demystify SwiftUI - WWDC21 - Videos - Apple Developer

 

만약 이 순서대로 학습한다면, 학습에 투입하는 시간, 속도에 따라 편차는 있겠지만 빠르면 일주일 늦어도 한 달이면 학습을 끝 마칠 수 있을 거라고 생각합니다. 그 다음 부터는 기존 UIKit 프로젝트를 SwiftUI로 리팩토링 해보거나, 새로운 프로젝트를 SwiftUI로 시작해보면 좋을 것 같습니다 ㅎㅎ 

(다들 SwiftUI로 뷰를 개발하는게 얼마나 신세계인지 직접 경험해 보시길..!)

Better apps. Less code.