1st GDG on Campus App Sprint Challenge, GCU x KHU

챌린지 정보 💁🏻‍♂️

일정 : 2024년 11월 16일 (토) / 오후 1시

장소 : 가천대학교 AI공학관 303호

타임테이블 ⏰

Environment 💻

• Xcode 15 ~
• iOS 17.0
• Swift 5.8 ~

챌린지 주제 🔥

<aside> 📌

SwiftUI Timer ⏱️

이 챌린지의 목표는 SwiftUI의 다양한 기능(예: offset, stroke, animation, Timer)을 활용하여 역동적인 타이머 UI를 구현해 보는 것입니다. 이 과정을 통해 UI 요소들의 애니메이션과 시간 기반 업데이트를 관리하는 방법을 배우고, SwiftUI의 구조와 상태 관리 흐름을 경험하는 것이 주된 목적입니다.

→ 디자인 파일 🎈

https://github.com/wanteddev/wanted-sans

https://www.figma.com/design/aoc5rtEKDDHPQJVeHHTSid/Untitled?node-id=0-1&t=vPo4RcFruQKjmKdH-1

</aside>

세부 구현 사항 🥸

Step 1, 2는 필수 구현이며, Step 3은 도전과제 입니다! GPT는 최대한 쓰지말고 구현해봐요 🥲

<aside> 💡

step 1. 최대 시간은 1분(60초)이며, 1초마다 시간이 1씩 줄어들어야 합니다.

• 시간을 표시하는 Text가 변경되어야 함.
• Start 버튼을 누르면 Start 버튼은 비활성화, Reset 버튼만 활성화.
  • Reset 버튼을 누를 시, 타이머가 시작하기 전으로 초기화 됨.

step 2. Stroke가 원형으로 움직이도록 구현합니다. (애니메이션 포함)

• Animation Type → easeInOut(duration: 0.1)

step 3. Stroke의 끝부분을 표시하는 원을 구현합니다.

• 원도 Stroke와 함께 움직여야 합니다.
• Animation Type 같음 </aside>