2월 4일 금요일 / 12일 차
CH06
뽀모도로 타이머 앱 만들기
| 내용 요약 |
|
| 기능 상세 - DatePicker를 통해 타이머 시간을 설정할 수 있다. - 시작 버튼을 누르면 타이머가 시작되고 일시 정지를 누르면 타이머가 일시 정지 된다. - 취소 버튼을 누르면 타이머가 종료된다. - 카운트 다운이 완료되면 알람이 울린다 활용 기술 - DispatchSourceTimer(GCD API) ㄴ 특정 시간이 지난 후에 이벤트를 발생시킨다 ㄴ 반복적인 주기로 특정 작업을 수행한다 - UIView Animation |
|
| 중요 코드 |
|
| //시간 계산 방법 let hour = self.currentSeconds / 3600 let minutes = (self.currentSeconds % 3600) / 60 let seconds = (self.currentSeconds % 3600) % 60 self.timerLabel.text = String(format: "%02d:%02d:%02d", hour, minutes, seconds) |
//UIView animation 작성 방법 예시 UIView.animate(withDuration: 0.5, animations: { self.timerLabel.alpha = 1 self.progressView.alpha = 1 self.datePicker.alpha = 0 }) |
복습할 내용
- DispatchSourceTimer를 이용한 타이머
- 시, 분, 초 변환 방법
- UIView animation을 이용한 다양한 효과(alpha값을 이용한 페이드인/아웃, 이미지 뷰 회전)
오늘의 공부 후기
오늘은 뽀모도로 타이머 앱을 구현해봤습니다.
지난 강의인 일기 앱을 구현하고 제대로 현타가 오는 바람에 4장 TodoList부터 차근차근 복습을 했습니다.
강의 속도를 0.8배속으로 해놓고 코드 작성 방법이나 작동 순서를 이해하고 중간중간 모르는 문법이 나오면 검색이나
블로그에 올린 중요 내용 요약을 참고하니 일기 앱 실습을 하면서 몰랐던 부분이 많이 해결되었습니다.
덕분에 6장 뽀모도로 타이머 앱 실습을 진행하면서 크게 막히는 부분은 없었습니다.
스위프트에선 타이머 클래스로 타이머를 구현할 수 있지만
뽀모도로 타이머 앱에선 DispatchSourceTimer를 이용해 타이머를 구현했습니다.
또한 시, 분, 초를 나머지 값을 이용한 연산을 통해 나타내고, UIView animation을 통해 역동적인 효과를 주었습니다.
이번 강의를 진행하면서 같은 기능이어도 다양한 방법으로 구현할 수 있다는 것을
다시 한번 깨닫게 되어 코딩에 대한 시야가 넓어지는 것 같아 만족스러웠던 강의였습니다.
패스트캠퍼스 [직장인 실무교육]
프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.
fastcampus.co.kr
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.