치는 동안 바로바로
이번 697편은 검색어 입력 도움은 가능한 사용자가 검색어를 입력하는 시점에 실시간으로 제공하라는 규칙입니다.

KRDS SP-023 — 검색어 입력 도움은 가능한 사용자가 검색어를 입력하는 시점에 실시간으로 제공하고 있다.
0. 들어가며 — 다 입력하고 나서야 도움이 뜨면
이번 697편은 검색어 입력 도움은 가능한 사용자가 검색어를 입력하는 시점에 실시간으로 제공하라는 규칙입니다.
SP-022의 입력 도움(자동완성·추천)을, 언제 제공하느냐가 SP-023입니다. 다 입력하고 나서가 아니라 — 입력하는 도중 실시간으로 떠야 도움이 되죠. SP-023은 실시간 제공을 규정합니다. 이번 편을 풀어냅니다.
1. 원문 — 실시간 입력 도움
SP-023 (서비스 패턴 > 검색 > 검색어 입력) “검색어 입력 도움은 가능한 사용자가 검색어를 입력하는 시점에 실시간으로 제공하고 있다.”
검색어 입력 도움을 입력 시점에 실시간으로 제공하라는 뜻입니다.
정리: 검색어 입력 도움을 입력 중 실시간으로 제공하라. 이게 SP-023입니다.
2. 왜 실시간 제공인가
SP-022는 다양한 입력 도움(자동완성·추천)의 존재였습니다. SP-023은 그 도움의 타이밍입니다. 입력 도움은 사용자가 검색어를 입력하는 도중, 실시간으로 떠야 효과가 있죠. SP-023은 실시간 제공을 요구합니다.
실시간이 아닐 때의 문제:
도움 늦음 입력 도움이 검색을 다 실행한 뒤에야 뜨면, 이미 검색어 입력은 끝났습니다. 입력 도중에 도와야 의미가 있죠.
타이핑 부담 자동완성이 실시간이 아니면, 사용자는 긴 검색어를 다 쳐야 합니다. 실시간이면 일부만 치고 완성을 고르죠.
그래서 SP-023은 — 실시간 제공을 요구합니다:
입력하는 즉시 사용자가 검색어를 한 글자씩 입력하면, 그 즉시 관련 자동완성·추천을 실시간으로 보여줍니다. ‘서’→‘서울’, ‘서비스’, ‘서류’… ‘서울’→’서울시 민원’처럼 입력에 맞춰 갱신되죠.
점진적 좁히기 입력이 길어질수록, 제안이 더 정확히 좁혀집니다. 사용자가 원하는 게 보이면 바로 고르죠. 다 입력하기 전에요.
빠른 응답 실시간 제안은, 빠르게 응답해야 합니다(디바운스로 과한 요청은 막되, 체감 즉각적으로요). 느리면 실시간의 의미가 없죠.
실시간 자동완성의 효과:
입력 단축 — 일부만 — 치고 완성을 골라, 타이핑이 줄죠.
정확성 — 검증된 — 검색어를 골라, 오타가 없습니다.
탐색 — 입력하며 — 제안을 보고, 미처 생각 못 한 검색어를 발견하죠.
‘가능한’의 여지(SP-024).** SP-023은 —’가능한**’ 실시간이라고 합니다. 기술·데이터 여건상 실시간 제안이 어려우면, 대안으로 검색 결과 화면에서 보조적 도움(연관 검색어·추천)을 제공하죠(SP-024). 실시간이 최선이되, 안 되면 결과 단계 보완입니다.
접근성(SP-027·028). 실시간 입력 도움이 떠도, 스크린 리더 사용자가 그 출현·내용을 알아야 합니다(SP-028 탐지). 키보드로 제안을 고를 수 있어야 하고요(SP-027). 실시간 도움의 접근성은 별도 규칙들이 다룹니다.
이 규칙은 검색(SP)의 ’입력 도움 타이밍’을 담당합니다 — 검색어 입력 도움을 입력 중 실시간으로 제공해(023), 사용자가 다 치기 전에 빠르고 정확하게 검색하게 하죠. SP-022(도움 존재)의 타이밍 짝입니다.
정리하면 — 입력 도움이 입력을 다 끝낸 뒤 뜨면 의미가 없으므로, 사용자가 검색어를 입력하는 도중 실시간으로(점진적 좁히기, 빠른 응답) 제공해야 합니다(여건상 어려우면 결과 단계 보완 SP-024).
3. 점검 / 개선
무엇을 점검하나
실시간 갱신 — 입력하는 즉시 자동완성·추천이 실시간으로 뜨는가.
점진적 좁히기 — 입력이 길어질수록 제안이 정확히 좁혀지는가.
빠른 응답 — 제안이 체감 즉각적인가(디바운스로 과요청 방지).
개선 방향
입력 즉시 실시간 자동완성·추천(한 글자씩 갱신).
빠른 응답(디바운스). 여건상 불가 시 결과 단계 보완(SP-024). 접근성(SP-027·028).
4. 누가 담당하나 / 우리 사이트에 해당될까?
| 역할 | 책임 |
|---|---|
| 백엔드/개발 | 실시간 자동완성 API·성능 |
| 기획/UX | 실시간 도움 동작 설계 |
| 기관 유형 | SP-023 적용 |
|---|---|
| 중앙행정기관(대표·운영) / 공공기관 / 지자체 | ✅ 권장 (검색 입력 도움 제공 시) |
검색어 입력 도움을 제공하는 사이트가 해당됩니다.
5. 30초 자가진단 + FAQ
✅ 30초 자가진단
□ 입력하는 즉시 자동완성·추천이 실시간으로 뜨나요?
□ 입력이 길어질수록 제안이 정확히 좁혀지나요?
□ 제안이 체감 즉각적인가요(디바운스로 과요청 방지)?
❓ FAQ
Q1. 왜 실시간이어야 하나요? 입력 도움이 검색을 다 실행한 뒤 뜨면 이미 입력이 끝났습니다. 입력 도중에 도와야 일부만 치고 완성을 골라 타이핑이 줄죠. Q2. 실시간이 어려우면 어떻게 하나요? SP-023은 ‘가능한’ 실시간입니다. 기술·데이터 여건상 어려우면, 검색 결과 화면 에서 보조적 도움(연관·추천)을 제공하죠(SP-024). Q3. 매 글자마다 서버 요청하면 부하가 크지 않나요? 디바운스(입력이 잠시 멈추면 요청)로 과한 요청을 막되, 체감은 즉각적이게 합니다. 빠른 응답이 실시간의 핵심이죠.
6. 마무리
SP-023의 메시지:
치는 동안 바로바로 — 검색어 입력 도움을 입력 중 실시간으로 제공하라.
입력 도움이 입력을 다 끝낸 뒤 뜨면 의미가 없습니다. 입력 도중 실시간으로 제공해 빠르고 정확하게 검색하게 하는 게 핵심이죠. 다음 편은 실시간 불가 시 결과 단계 보조 도움입니다.
다음 편 예고 ▶ 「698. (SP-024) 실시간으로 검색어를 제안할 수 없는 경우, 검색 결과 화면에서 보조적인 도움 수단을 제공하고 있다.」
ViewCheck는 검색어 입력 도움이 입력 중 실시간으로 제공되는지를 진단합니다.
📚 참고 출처
KRDS 서비스 패턴 — 검색 가이드 — https://www.krds.go.kr/html/site/service/service_02.html
KRDS #ViewCheck #공공웹사이트 #전자정부 #디지털정부 #웹접근성 #디자인시스템 #UIUX #UI컴포넌트 #웹표준
KRDS,ViewCheck,공공웹사이트,전자정부,디지털정부,웹접근성,디자인시스템,UIUX,UI컴포넌트,웹표준

관련 글
다음 호는 언제?
이번 846편은 간행물 자료의 발행 주기 정보를 본문의 부제목이나 별도 안내 영역에 제공하라는 규칙입니다. 그리고 이 편이 — 846 규칙 완전 분해 시리즈의 마지막 한 편입니다.
방대한 자료를 효율적으로
이번 845편은 목록에 필터링, 정렬 방식, 상세 검색(기간, 자료 유형 등) 기능을 제공하여 정보를 효과적으로 조회하라는 규칙입니다. [정책 자료 탐색] 서브섹션의 시작이죠.
적힌 대로 가야 한다
이번 844편은 모든 링크는 실행하였을 때, 링크 레이블에 명시된 적절한 화면으로 이동하라는 규칙입니다.
