[ Project ] 퍼스널 모빌리티앱 #2 / Timer를 이용한 이용 시간 구현

 

안녕하세요~!

오늘은 퍼스널 모빌리티앱에서 타이머를 이용해서 이용시간을 구현한 부분을 기록해보려고 합니다!✨

프로젝트 기간 중 기간일을 지키기 위해 정신없이 달리다 보니 기록을 많이 못한 점이 아쉬워서

이번주는 프로젝트 기간 중에 공부했던 내용을 위주로 포스팅을 진행하려고 합니다~!

너무너무 바빠도 기록은 꼭 챙기기⭐️

 

 

 

초기구현방법

킥보드의 대여하기를 눌렀을 때, 킥보드의 대여시간을 보여주도록 UI를 구성하였어요!

처음에는 대여한 킥보드를 저장하는 데이터에 "대여하기" 버튼을 눌렀을 때의 시간을 저장해 둔 뒤 그 시간과 현재의 시간의 차를 구하여 이용시간이 저장하도록 구현하였어요.

 

func calculateKickboardTotalTime() -> Int {
	guard let start = getUserDefaultsKickboardStartTime().toDate() else {
    	return 0
    }
    return Int(Date().timeIntervalSince(start) / 60)
}

 

하지만, 문제는 실시간으로 적용이 되지 않는다는 문제였습니다. View를 다시 그릴 때는 시간이 업데이트되어서 시간이 나타나지만, 1분이 지날 때마다 실시간으로 변하는 시간을 적용하는 것은 불가능했어요!

그래서 Timer를 적용하였습니다.

 

 

Timer

Timer는 Foundation 프레임워크에 정의되어 있는 객체로 특정 시간을 간격으로 코드 블록을 반복적으로 실행하도록 예약하는데 사용이 됩니다. RunLoop에서 작동을 하고, 특정 시간에 이벤트를 처리하거나 지정된 가격으로 반복 작업을 수행할 때 주로 사용합니다.

 

 

Timer 생성방법

scheduledTimer 함수를 통해 Timer 가 자동으로 생성되어 현재 앱의 RunLoop에 추가하고 실행할 수 있습니다.

// 클로저를 사용해 타이머 트리거가 실행될 때, 코드 블록을 직접 지정할 수 있음
func scheduledTimer(withTimeInterval: TimeInterval,
                    repeats: Bool, 
                    block: (Timer) -> Void)

// objc selector를 이용해 타이머 트리거가 실행될 때, 호출할 메서드를 지정
// 또한 userInfo를 통해 타이머 실행 시 필요한 추가 데이터 전달 가능
func scheduledTimer(timeInterval: TimeInterval, 
                    target: Any, 
                    selector: Selector, 
                    userInfo: Any?, 
                    repeats: Bool)

// NSInvocation 객체를 사용해 타이머 이벤트에 대한 응답으로 호출될 때 메서드를 지정
func scheduledTimer(timeInterval: TimeInterval,
                    invocation: NSInvocation, 
                    repeats: Bool)

 

위의 세 함수 중 가장 많이 사용되는 함수는 첫번째 함수라고 합니다! 세 함수의 공통적인 부분이 timeInterval과 repeats인데요!

• timeInterval : 초 단위로 타이머가 실행되는 주기
• repeats : 반복 여부
  • true - 타이머가 반복
  • false - 타이머 반복되지 않음.

 

아직 세번째 함수의 NSInvocation에 대한 지식은 없어서 다음에 공부해 보면 좋을 것 같습니다~!

전 첫번째 함수를 이용하여 클로저 함수를 통해 타이머가 반복이 될 때마다 실행될 함수를 정의하였습니다.

 

 

 

Timer 적용

 

첫 번째, 타이머를 관리할 클래스 형성

import Foundation

class TimerManager {

    static let shared = TimerManager()
    private init() {}

}

우선 Timer를 관리하기 위한 TimerManager 클래스를 따로 만들었어요!

static으로 선언된 share라는 변수에 TimerManager의 인스턴스를 만들고, 생성자를 private로 선언함으로써 해당 클래스의 인스턴스는 shared 단 하나만을 선언되도록 설정했습니다.

 

 

두 번째, 변수생성

var timer: Timer?
var elapsedTime: Int = 0

Timer의 인스턴스를 담은 timer라는 변수를 생성하고, 실행시간을 측정하기 위한 elapsedTime이라는 변수를 생성하였습니다.

 

 

세 번째, Timer 인스턴스 생성

func startTimer() {
    timer = Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { [weak self] _ in
        // 타이머가 1초 흐를 때마다 실행할 함수
    }
}

위에서 설명했던 세가지 함수 중 첫 번째 함수를 사용하여 Timer를 자동으로 생성하여 RunLoop에 추가하도록 구현하였습니다. 1초마다 반복되어서 시간을 업데이트하도록 구현하기 위해 TimeInterval을 1로, repeats를 true로 만들어주었어요~!

 

? 여기서 [weak self]라는 키워드를 사용하는 이유

Time 객체는 클로저를 실행하기 위해 이 클로저를 내부적으로 참조하고 있는데 클로저가 self를 strong으로 참조하게 되면, TimerManager의 인스턴스와 Timer 사이에 강한 참조 사이클이 형성하게 되어 메모리 누수를 발생시킬 수 있기 때문이에요~!

 

 

 

네 번째, Timer를 중지시킬 함수 생성

func stopTimer() {
    timer?.invalidate()
    timer = nil
    elapsedTime = 0
    print("Timer stopped")
}

Timer는 무한 루프를 도는 객체이므로 Timer를 중지하는 부분이 아주 중요합니다~! Timer를 멈추지 않으면 무한 루프에 빠져 메모리를 낭비할 수도 있습니다. 하나씩 코드를 뜯어서 설명하자면,

• timer?.invalidate() : 타이머가 미래에 실행되는 것을 중지시키고, 타이머의 실행 루프에서 제거하도록 합니다.
• timer = nil : 타이머를 nil로 설정함으로써 TimerManager의 인스턴스가 Timer에 대한 강한 참조를 해제하게 해 줍니다.
• elapsedTime : 현재 실행 시간을 0으로 초기화합니다.

입니다.

 

 

다섯 번째, 타이머가 1초 흐를 때마다 실행시킬 함수 생성

private func timerDidFire() {
    elapsedTime += 1
    print("Timer updated: \(elapsedTime) seconds")
    NotificationCenter.default.post(name: "timerUpdated", object: nil)
}

우선 현재 실행시간을 1초 올리고요!

NotificationCenter의 싱글톤 인스턴스를 참조해 post함수를 사용하여 타이머가 1초 흐를 때마다 알림을 전송합니다.

이 함수를 위의 startTimer에서 실행시켜 줍니다!

 

 

여기서 Notification의 이름을 정하는데 "timerUpdated"라는 변수가 변경되기도 하고, 오타가 날 경우를 대비하여 따로 변수를 만들어 생성해 주었어요~!

extension Notification.Name {
    static let timerUpdated = Notification.Name("timerUpdated")
}

 

 

 

여섯 번째, 소멸자 생성

deinit {
    stopTimer()
    NotificationCenter.default.removeObserver(self)
}

인스턴스가 해제되기 직전에 호출되는 소멸자를 구현해 줍니다!

타이머 중지와 notificationCenter에서 옵저버를 삭제해 주어서 메모리 누수를 해결해 줍니다.

 

 

전체함수

//
//  TimerManager.swift
//  OneBoardProject
//
//  Created by 배지해 on 4/28/24.
//

import Foundation

class TimerManager {
    
    static let shared = TimerManager()
    private init() {}
    
    var timer: Timer?
    var elapsedTime: Int = 0
    
    func startTimer() {
        timer = Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { [weak self] _ in
            self?.timerDidFire()
        }
    }
    
    func stopTimer() {
        timer?.invalidate()
        timer = nil
        elapsedTime = 0
        print("Timer stopped")
    }
    
    private func timerDidFire() {
        elapsedTime += 1
        print("Timer updated: \(elapsedTime) seconds")
        NotificationCenter.default.post(name: .timerUpdated, object: nil)
    }
    
    deinit {
    	stopTimer()
    	NotificationCenter.default.removeObserver(self)
    }
}
extension Notification.Name {
    static let timerUpdated = Notification.Name("timerUpdated")
}

 

 

 

이제 타이머 클래스를 생성해 줬으니 해당 함수를 호출하여 사용해야겠죠?!

일곱 번째, 1초가 지날 때마다 label 업데이트하기

// 1초 지날때마다 타이머 업데이트
NotificationCenter.default.addObserver(self, 
                                       selector: #selector(handleTimerUpdate),
                                       name: .timerUpdated,
                                       object: nil)

NotificationCenter의 addObserver를 사용해 .timerUpdated라는 이름의 알림을 받을 때마다 실행할 함수 handleTimerUpdate를 실행하도록 합니다.

 

// 1초마다 label 업데이트 액션
@objc func handleTimerUpdate() {
    // UI 업데이트는 메인 스레드에서 실행
    DispatchQueue.main.async {
        let time = TimerManager.shared.elapsedTime
        self.rentalmodal.durationTimeNumberLabel.text = "\(time/60)분 \(time%60)초"
        self.rentalmodal.totalPriceLabel.text = UserViewController().setPriceLabel(price: 500 + ( time / 60 ) * 180 )
    }
}

UI 업데이트는 메인 스레드에서 실행해야 하기 때문에 DispatchQueue.main.async를 사용해 주고, TimerManager의 싱글톤 인스턴스를 참조하여 현재 실행 시간인 elpasedTime의 값을 이용해 rentalmodal의 라벨을 업데이트해주었습니다.

 

 

일곱 번째, startTimer()와 stopTimer() 실행하기

Timer는 대여하기 버튼이 눌렸을 때, 타이머가 시작하고, 반납하기 버튼이 눌렸을 때, 타이머가 종료되도록 하여 킥보드를 렌트했을 때만의 시간을 측정하도록 구현하였습니다.

// MARK: - 킥보드 대여 버튼
@IBAction func rentButtonTapped(_ sender: UIButton) {
    
    // ...
    // 코드 생략
    // ...
    
    // 타이머 시작
    TimerManager.shared.startTimer()
}

// MARK: - 킥보드 반납 버튼
@IBAction func returnBikeButtonTapped(_ sender: UIButton) {
    if isSelectedAnnotation {
        isSelectedAnnotation = false
        
        // ...
        // 코드 생략
        // ...
        
        // 타이머 종료
        NotificationCenter.default.removeObserver(self)
        TimerManager.shared.stopTimer()
        
    }else {
        returnAlertAction?()
        print("어노테이션이 선택되지 않음")
    }
}

 

 

구현화면