alpaka99/SSC2024_DustBusters

SwiftStudentChallenge 2024 Winner🍎

DustBusters

프로젝트 소개

• 2024 Swift Student Challenge의 350명 winner로 입상한 앱입니다.
• 꼭 UIKit을 사용해야하는 부분 이외에는 전부 SwiftUI로 구현하였습니다.
• 외부 library를 사용하지 않고 100% 애플의 프레임워크를 사용하여 구현하였습니다.(animation, Transition etc...)
• CoreML, ARKit등을 이용하여 사용자에게 interactive한 경험을 제공하였습니다.
  
  

시작 화면
ScaleEffect 화면
MagnifyingEffect 화면
미세먼지 swipe 화면
미세먼지 정보 화면

프로젝트 개요 동기

• SwiftStudentChallenge의 심사가 한참 진행될때 나는 어떤걸 하고 있을까?에 대한 생각에서 시작한 앱이었습니다. '그 맘때쯤이면 한참 미세먼지로 고생하고 있겠구나...' 라는 생각에서 시작하였고, 저 이외에도 주변에 많은 사람들이 미세먼지로 고생하고 있다는것을 떠올려서 미세먼지를 주제로 앱을 만들게 되었습니다.
• 저는 이 앱이 단순히 미세먼지가 어떤 영향을 끼치는지, 그리고 우리가 어떻게 해야하는지를 알려주는 정보 앱이 아닌, Apple의 프레임워크를 최대한 활용하여 정보 전달을 interactive하게 해보자가 이 프로젝트의 진행하면서 제 마음가짐이었습니다.
• 아카데미의 Macro 프로젝트였던 https://apps.apple.com/kr/app/%EB%B9%84%EC%8A%A4%EB%8B%B4-bisdam/id6470152960 에서 SwiftUI의 생산성과 가능성을 확인했기에, 이번 앱은 최대한 SwiftUI를 이용하여 진행하였습니다. 이를 위해 복잡한 layout과 animation을 path와 transition으로 구현한다던가 등의 제약조건이 많았지만, 그럼에도 불구하고 빠른 시간에 앱을 만들어내는 SwiftUI의 생산성을 확인할 수 있었습니다.

기술 스택

SwiftUI	ARKit	CoreML

구현 기능

SwiftUI를 이용한 UI 구현

ScaleEffect, Path등을 이용한 상호작용 가능한 뷰 그리기

ARKit과 CoreML을 이용한 미세먼지 제거 게임

배운점

• SwiftUI를 통한 복잡한 뷰와 action들을 구현할 수 있는 방법을 배웠습니다.
• SwiftUI의 NavigationStack을 통한 view의 이동을 배웠습니다.
• SwiftUI의 다양한 강력한 기능들을 사용해볼 수 있었습니다.
• 실제 앱을 만들때 고민해야하는점(UX, UI, 사용자의 affordance 등)을 고민해보고, 구현해볼 수 있었습니다.

라이센스

MIT © Alpaka99