왜 복사 버튼이 필요할까
모바일에서 긴 숫자를 길게 눌러 정확히 선택하는 일은 생각보다 어려워요. 복사 버튼은 이 수고를 한 번의 탭으로 줄여 줘요. 계좌번호, 쿠폰 코드, 초대 링크처럼 다른 앱에 붙여 넣을 값 옆에 두면 좋아요. 웹에서는 Clipboard API(MDN, n.d.-a)를 쓰는데, 보안 때문에 HTTPS와 사용자 동작이 필요해요. 복사할 값은 화면에 보이는 그대로가 좋고, 하이픈이나 공백을 뺄지 미리 정해요.
'복사됨' 피드백
밀러(1968)의 연구처럼 누른 즉시 반응이 있어야 동작이 됐다고 믿어요. 아이콘을 잠깐 체크 표시로 바꾸거나 짧은 토스트 메시지를 띄우는 방식이 흔해요(Apple, n.d.; Google, n.d.). writeText는 Promise를 돌려주니(MDN, n.d.-b) 실패하면 '복사하지 못했어요'라고 알려야 해요. 안드로이드 13부터는 시스템이 직접 복사 확인을 보여주므로 앱 토스트를 또 띄우면 중복이 돼요(Android Developers, n.d.). 가벼운 햅틱 피드백도 도움이 돼요.
보안과 접근성
비밀번호나 인증 코드처럼 민감한 값은 다른 앱이 클립보드를 읽을 수 있으니 복사를 신중히 다뤄요. 안드로이드는 민감 정보 표시 플래그를 제공해요(Android Developers, n.d.). 접근성 면에서 복사 버튼에는 '쿠폰 코드 복사'처럼 무엇을 복사하는지 밝히는 이름을 붙이고, WCAG 2.2(W3C, 2023)의 4.1.3 기준처럼 '복사됨' 상태를 화면 읽기 프로그램에도 알려요.
자주 묻는 질문
- 복사 후 토스트는 꼭 필요한가요?
- 아이콘 변화만으로 충분할 때도 있어요. 다만 안드로이드 13 이상에선 시스템 알림과 겹치지 않게 해요.
- 공백이나 하이픈도 복사해야 하나요?
- 붙여 넣을 곳을 생각해 정해요. 계좌번호는 숫자만 복사하는 편이 대체로 편해요.
출처 검토일: 2026-10-27
참고문헌
- MDN Web Docs. (n.d.-a). Clipboard API. 웹에서 클립보드에 접근하는 방식과 보안 조건(HTTPS, 사용자 동작)을 정리해, 복사 버튼을 구현할 때 참고하면 도움이 돼요.
- MDN Web Docs. (n.d.-b). Clipboard: writeText() method. writeText가 Promise를 돌려준다는 점을 설명해, 복사 성공·실패를 나눠 알릴 때 참고하면 도움이 돼요.
- Android Developers. (n.d.). Copy and paste. 안드로이드 13부터 시스템이 복사 확인을 보여주니 중복 토스트를 피하라는 안내라, 플랫폼별 피드백을 정할 때 참고하면 도움이 돼요.
- Apple. (n.d.). Feedback. Human Interface Guidelines. 동작 결과를 분명하지만 방해되지 않게 알리라는 지침이라, '복사됨' 표시 방식을 정할 때 참고하면 도움이 돼요.
- Google. (n.d.). Snackbar. Material Design 3. 짧은 확인 메시지 컴포넌트 지침이라, 복사 후 잠깐 띄우는 알림의 길이와 위치를 정할 때 참고하면 도움이 돼요.
- Miller, R. B. (1968). Response time in man-computer conversational transactions. In Proceedings of the December 9–11, 1968, Fall Joint Computer Conference, Part I (pp. 267–277). ACM. 즉각적인 반응 시간의 기준을 다룬 고전이라, 누르자마자 아이콘이 바뀌어야 하는 이유로 참고하면 도움이 돼요.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 상태 메시지를 화면 읽기 프로그램에 알리라는 4.1.3 기준이 있어, '복사됨'을 음성으로도 전할 때 참고하면 도움이 돼요.