비밀번호 표시 토글

왜 보여줘야 할까

모바일 키보드는 작아서 오타가 잦고, 비밀번호가 점으로 가려지면 무엇을 잘못 쳤는지 알 수 없어요. 노먼(1981)이 분류한 행동 실수가 보이지 않는 곳에서 쌓이는 셈이에요. 닐슨(2009)은 가리기가 오타와 포기를 늘린다고 지적했어요. 긴 비밀번호를 머릿속으로만 확인하는 것도 밀러(1956)가 말한 기억 한계 때문에 어려워요. 그래서 많은 서비스가 눈 아이콘으로 직접 확인하게 해요.

보안과의 균형

아담스와 사세(1999)는 불편한 보안 규칙이 오히려 사용자를 쉬운 비밀번호나 메모로 몰아간다고 보였어요. 잉글샌트와 사세(2010)도 복잡한 정책의 실제 비용을 정리했어요. 미국 표준인 NIST SP 800-63B(2024)는 비밀번호를 보여주는 옵션과 붙여넣기를 허용하라고 권해요. 어깨 너머 엿보기는 사용자가 스스로 판단해 끄면 돼요. 기본값은 가림으로 두고 필요할 때 보여주는 방식이 일반적이에요. 생체인증 로그인을 함께 제공하면 입력 자체가 줄어요.

설계와 접근성

토글은 입력창 안 오른쪽에 두고, 상태에 따라 '표시'와 '숨기기'가 분명히 바뀌게 해요. 눌러도 커서 위치와 키보드가 유지되어야 해요. 아이콘만 있으면 화면낭독기에 '비밀번호 표시, 버튼'처럼 이름과 상태를 알려야 하는데, 이는 WCAG 2.2(W3C, 2023)의 4.1.2 기준이에요. 3.3.8 기준처럼 붙여넣기와 비밀번호 관리자 자동 입력도 막지 않아야 해요. 규칙 안내는 인라인 유효성 검사로 입력하면서 보여주고, 전체 흐름은 모바일 폼 사용성 원칙을 따라요.

자주 묻는 질문

비밀번호를 보여주면 보안이 약해지지 않나요?

기본은 가려 두고 사용자가 원할 때만 보여주기 때문에 위험은 작아요. 보안 표준도 표시 옵션을 권해요.

토글을 누르면 커서가 맨 앞으로 가요.

입력 타입을 바꿀 때 커서 위치를 저장했다가 되돌려 주도록 구현해야 해요.

출처 검토일: 2026-10-27

참고문헌

1. Nielsen, J. (2009, June 23). Stop password masking. Nielsen Norman Group. 가려진 비밀번호가 오타와 포기를 늘린다는 주장이라, 보기 토글을 넣는 이유로 참고하면 도움이 돼요.
2. Adams, A., & Sasse, M. A. (1999). Users are not the enemy. Communications of the ACM, 42(12), 40–46. 사용자가 불편한 보안 규칙을 우회한다는 연구라, 보안과 사용성의 균형을 설명할 때 참고하면 도움이 돼요.
3. Inglesant, P. G., & Sasse, M. A. (2010). The true cost of unusable password policies: Password use in the wild. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 383–392). ACM. 복잡한 비밀번호 정책이 실제로 치르는 비용을 다뤄, 입력 부담을 줄일 이유로 참고하면 도움이 돼요.
4. National Institute of Standards and Technology. (2024). Digital identity guidelines: Authentication and authenticator management (NIST SP 800-63B-4). 비밀번호를 보여주는 옵션과 붙여넣기 허용을 권하는 표준이라, 토글이 보안을 해치지 않는 근거로 참고하면 도움이 돼요.
5. Norman, D. A. (1981). Categorization of action slips. Psychological Review, 88(1), 1–15. 의도와 다른 행동 실수를 분류해, 보이지 않는 입력에서 오타가 생기는 이유로 참고하면 도움이 돼요.
6. 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. 작업 기억의 한계를 다뤄, 긴 비밀번호를 머릿속으로만 확인하기 어려운 이유로 참고하면 도움이 돼요.
7. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 인지 테스트 없는 인증(3.3.8)과 이름·역할·상태(4.1.2) 기준이 있어, 토글 버튼 접근성에 참고하면 도움이 돼요.