SwiftUI Academy · 강의

실시간 검색을 위한 디바운스

debounce로 빠른 입력을 제한합니다.

레슨 3/413개 단계

실시간 검색을 위한 디바운스은(는) CoddyKit의 무료 SwiftUI Academy 강의입니다. 이것은 4개 중 3번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 SwiftUI Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. SwiftUI Academy 강의에는 총 4개의 강의가 포함되어 있습니다.

실시간 검색의 문제

사용자가 검색어를 입력할 때 모든 키 입력마다 네트워크 호출을 보내면 서버에 불필요한 요청이 쏟아집니다.

잠시 멈출 때까지 기다리기

사용자가 입력을 멈출 때까지 기다린 다음 확정된 검색어로 요청 하나를 보내야 실시간 검색이 가장 자연스럽습니다.

debounce 사용하기

debounce 연산자는 일정 시간 동안 입력이 없을 때만 값을 내보내고, 그전에 빠르게 들어온 값들은 무시합니다.

searchText
    .debounce(for: .milliseconds(300),
              scheduler: RunLoop.main)

지연 시간 선택하기

약 300 milliseconds의 지연은 대체로 반응성이 좋습니다. 단어 중간의 입력은 건너뛸 만큼 길면서도 즉시 반응하는 느낌을 줄 만큼 짧습니다. ⏱️

스케줄러도 중요합니다

scheduler는 debounce된 값을 어느 큐에서 전달할지 결정합니다. UI 업데이트에는 보통 메인 실행 루프를 사용합니다.

scheduler: RunLoop.main

debounce와 throttle 비교

debounce가 입력이 조용해질 때까지 기다리는 반면, throttle은 중간에 멈추는지와 관계없이 일정 간격마다 최대 한 번 값을 내보냅니다.

searchText.throttle(for: .seconds(1),
    scheduler: RunLoop.main,
    latest: true)

빈 검색어 건너뛰기

filter와 debounce를 함께 사용하여 빈 문자열을 건너뛰세요. 그러면 입력란을 지워도 검색이 실행되지 않습니다.

.filter { !$0.isEmpty }

반복 검색 피하기

removeDuplicates를 추가하면 잠시 멈춘 뒤 같은 검색어를 다시 입력해도 동일한 검색이 두 번 실행되지 않습니다.

.removeDuplicates()

검색 파이프라인

이 연산자들을 함께 사용하면 의미 있고 확정된 입력에 대해서만 실행되는 깔끔한 검색 pipeline이 만들어집니다.

text
    .debounce(for: .milliseconds(300),
              scheduler: RunLoop.main)
    .removeDuplicates()

이전 작업 취소하기

새 입력이 들어오면 switchToLatest 또는 flatMap을 사용하여 진행 중인 요청을 취소할 수 있습니다.

더 매끄럽고 경제적으로

그 결과 요청 횟수와 비용이 줄어들고, 검색창도 정신없이 동작하는 대신 반응성 있게 느껴집니다. 🚀

빠른 확인

사용자가 300ms 동안 입력을 멈춘 뒤에만 검색을 실행하려고 합니다. 어떤 연산자가 가장 적합할까요?

인터랙티브 레슨에서 답해보세요

복습: 안정적인 실시간 검색

debounce가 입력 중단을 기다린 다음 filter와 removeDuplicates가 불필요한 작업을 줄이는 검색 흐름을 만들었습니다. 🎯

무료로 시작

AI 튜터와 함께 Swift을(를) 배우세요 — 무료

브라우저에서 실제 코드를 작성하고 실행하며, 24/7 AI 튜터로부터 즉각적인 도움을 받고, 웹이나 앱에서 중단한 부분부터 계속 학습하세요.

코스: 30
레슨: 120

무료로 학습 시작 전체 코스 보기

자주 묻는 질문

“실시간 검색을 위한 디바운스” 강의는 무료인가요?

네 — “실시간 검색을 위한 디바운스” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 SwiftUI Academy 강의 전체를 잠금 해제할 수 있습니다. SwiftUI Academy 강의에는 총 4개의 강의가 포함되어 있습니다.

“실시간 검색을 위한 디바운스”에서 뭘 배우나요?

debounce로 빠른 입력을 제한합니다. 브라우저에서 직접 실행하는 실습 코드로 SwiftUI Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.

SwiftUI Academy을(를) 시작하는 데 경험이 필요한가요?

사전 경험은 필요하지 않습니다. CoddyKit의 SwiftUI Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 3번째 강의입니다.

“실시간 검색을 위한 디바운스” 강의는 얼마나 걸리나요?

대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.

이 SwiftUI Academy 강의에서 코드를 작성하고 실행할 수 있나요?

네. 모든 SwiftUI Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

← SwiftUI Academy(으)로 돌아가기