왜 자주 실패할까
인증번호를 넣으려면 문자 앱을 열어 숫자를 외운 뒤 돌아와야 해요. 밀러(1956)가 말한 기억 한계 때문에 이 사이에 숫자가 틀리기 쉬워요. 크롤과 동료들(2015)은 이중 인증이 사용자에게 상당한 부담과 짜증을 준다고 보였어요. 그래서 좋은 인증번호 화면의 목표는 사용자가 숫자를 직접 옮기지 않게 하는 거예요.
자동 입력과 붙여넣기
웹에서는 입력칸에 autocomplete="one-time-code"를 넣으면(MDN, n.d.-a) iOS 키보드 위에 받은 코드가 제안돼요. 안드로이드 크롬은 WebOTP API(MDN, n.d.-b), 앱은 SMS Retriever(Google, n.d.)로 자동 입력할 수 있어요. inputmode="numeric"으로 숫자 키패드를 띄워요. 칸을 6개로 나누는 디자인은 보기 좋지만, 붙여넣기가 한 칸에만 들어가거나 지우기가 꼬이기 쉬워요. 나눠 보이더라도 실제로는 하나의 입력으로 처리하는 게 안전해요. 이는 오류 방지 설계의 기본이에요.
재전송·만료와 접근성
NIST SP 800-63B(2024)처럼 코드는 짧은 시간만 유효해야 하지만, 남은 시간을 보여주고 재전송 버튼은 잠시 뒤 활성화해 연타를 막아요. 틀렸을 땐 입력을 지우지 말고 무엇이 잘못됐는지 알려요. WCAG 2.2(W3C, 2023)의 2.2.1 기준처럼 시간이 부족한 사용자를 위한 연장 방법이 필요하고, 3.3.8 기준처럼 붙여넣기를 막으면 안 돼요. 가능하다면 생체인증 로그인이나 패스키로 인증 단계 자체를 줄이는 것도 방법이에요.
자주 묻는 질문
- 칸을 6개로 나누는 게 좋나요?
- 눈으로 확인하기는 쉽지만 구현이 까다로워요. 나눠 보이게 하더라도 붙여넣기와 자동 입력이 한 번에 들어가도록 하나의 입력으로 처리하세요.
- 코드가 안 오면 어떻게 안내하나요?
- 남은 시간 뒤 재전송, 번호 확인, 다른 방법(음성 전화, 이메일)을 차례로 보여주면 좋아요.
출처 검토일: 2026-10-27
참고문헌
- MDN Web Docs. (n.d.-a). HTML attribute: autocomplete. Mozilla. autocomplete="one-time-code" 값이 설명되어 있어, 문자로 온 인증번호를 자동 제안받게 할 때 참고하면 도움이 돼요.
- MDN Web Docs. (n.d.-b). WebOTP API. Mozilla. 웹에서 문자 인증번호를 자동으로 읽는 API라, 안드로이드 크롬 자동 입력을 구현할 때 참고하면 도움이 돼요.
- Google. (n.d.). SMS Retriever API overview. Google for Developers. 권한 없이 앱이 인증 문자를 읽는 방식을 다뤄, 안드로이드 앱의 자동 입력에 참고하면 도움이 돼요.
- Krol, K., Philippou, E., De Cristofaro, E., & Sasse, M. A. (2015). "They brought in the horrible key ring thing!" Analysing the usability of two-factor authentication in UK online banking. In Proceedings of the Workshop on Usable Security (USEC 2015). Internet Society. 이중 인증이 사용자에게 주는 부담을 분석한 연구라, 인증 단계를 가볍게 만들 이유로 참고하면 도움이 돼요.
- National Institute of Standards and Technology. (2024). Digital identity guidelines: Authentication and authenticator management (NIST SP 800-63B-4). 일회용 코드의 유효 시간과 문자 인증의 한계를 다뤄, 만료·재전송 정책을 정할 때 참고하면 도움이 돼요.
- Miller, G. A. (1956). The magical number seven, plus or minus two: Some limits on our capacity for processing information. Psychological Review, 63(2), 81–97. 작업 기억의 한계를 다뤄, 문자 앱과 오가며 6자리를 외워 옮기기 어려운 이유로 참고하면 도움이 돼요.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 시간 제한 조절(2.2.1)과 인지 테스트 없는 인증(3.3.8) 기준이 있어, 만료 시간과 붙여넣기 허용에 참고하면 도움이 돼요.