Swift에서 효과적인 Debounce 구현하기: 실전 예제

작성일 : 2024-07-27

Swift에서 효과적인 Debounce 구현하기: 실전 예제

Debounce란?

Debounce는 특정 작업이 반복적으로 호출될 때, 지정된 시간 내 후속 호출이 없을 경우에만 해당 작업을 실행시키는 기술입니다. 이 기법은 특히 사용자가 짧은 시간 내에 여러 번 입력하거나 이벤트를 발생시킬 때 이를 제어하는 데 매우 유용합니다. 예를 들어, 검색 입력창에 문자열을 입력할 때마다 서버에 요청을 보내는 대신, 사용자가 입력을 멈추고 일정 시간이 지난 후에만 요청을 보내도록 할 수 있습니다.

Debounce의 필요성과 장점

Debounce의 주요 필요성을 몇 가지로 정리할 수 있습니다:

성능 최적화: 이벤트가 빈번하게 발생하면 불필요한 처리와 과부화가 발생할 수 있습니다. 이를 Debounce를 통해 줄일 수 있습니다.
네트워크 효율성: 잦은 네트워크 호출을 줄여 데이터 사용량을 최소화하고 서버 부하를 낮출 수 있습니다.
사용자 경험 향상: 불필요한 연산을 줄여 앱의 반응속도를 향상시키고 더 나은 사용자 경험을 제공할 수 있습니다.

Swift에서 Debounce 구현하기

Swift에서 Debounce를 구현하는 방법은 여러 가지가 있지만, 여기서는 DispatchWorkItem과 DispatchQueue를 활용한 방법을 다루겠습니다.

기본 구현

Debounce를 구현하는 첫 번째 단계는 호출을 지연시키는 메커니즘을 만드는 것입니다. 여기서는 DispatchWorkItem를 사용합니다.


swift
class Debouncer {
    private var workItem: DispatchWorkItem?
    private let queue: DispatchQueue
    private let delay: TimeInterval

    init(queue: DispatchQueue = .main, delay: TimeInterval) {
        self.queue = queue
        self.delay = delay
    }

    func debounce(action: @escaping () -> Void) {
        workItem?.cancel()
        workItem = DispatchWorkItem(block: action)
        if let workItem = workItem {
            queue.asyncAfter(deadline: .now() + delay, execute: workItem)
        }
    }
}

이 클래스는 다음과 같은 속성으로 구성되어 있습니다:

queue: 디바운싱을 처리할 DispatchQueue, 기본값은 메인 큐입니다.
delay: 지연 시간입니다.
workItem: 실행될 작업을 담고 있는 DispatchWorkItem입니다.

사용 예제

이제 실제 앱에서 이 Debouncer를 사용하는 방법을 예제와 함께 살펴보겠습니다. 다양한 시나리오 중, 사용자가 텍스트 필드에 입력할 때 효과적으로 활용할 수 있습니다.


swift
class ViewController: UIViewController {
    @IBOutlet weak var textField: UITextField!
    private let debouncer = Debouncer(delay: 1.0)

    override func viewDidLoad() {
        super.viewDidLoad()
        textField.addTarget(self, action: #selector(textFieldDidChange(_:)), for: .editingChanged)
    }

    @objc private func textFieldDidChange(_ textField: UITextField) {
        debouncer.debounce {
            self.performSearch(query: textField.text ?? "")
        }
    }

    private func performSearch(query: String) {
        // 실제 네트워크 요청 또는 데이터베이스 쿼리 실행
        print("검색어: \(query)")
    }
}

이 예제에서는 UITextField에서 editingChanged 이벤트를 감지하여 debounce된 검색 기능을 실행합니다. 사용자가 입력을 멈추고 1초가 지나면 비로소 performSearch 함수가 호출됩니다.

추가 고려 사항

타이머 취소

Debouncer는 새로운 이벤트가 발생할 때마다 이전 작업을 취소함으로써 성능을 최적화합니다. 그러나 타이머가 실제로 취소되었는지 여부를 확인하는 것도 중요합니다. workItem?.cancel()로 현재 작업을 안전하게 취소할 수 있습니다.

스레드 안전성

멀티스레드 환경에서 Debouncer를 사용할 때에는 스레드 안전성을 보장해야 합니다. 이 예제에서는 메인 큐에서 실행되므로 크게 문제가 되지 않지만, 필요하다면 큐를 적절히 설정하여 처리할 수 있습니다.

결론

Debounce는 사용자 입력이나 이벤트를 관리하는 데 매우 유용한 기법입니다. 이를 통해 성능을 최적화하고 네트워크 효율성을 높이며 사용자 경험을 개선할 수 있습니다. Swift에서 DispatchWorkItem과 DispatchQueue를 활용하면 간단하게 Debounce를 구현할 수 있으며, 다양한 환경에서 효과적으로 사용할 수 있습니다.