비밀번호 입력기1
[React] 마우스 비밀번호 입력기🖱 / 키보드 보안 입력기 / 2차 비밀번호
비밀번호 입력기 결제 관련 중요한 창에서 비밀번호를 입력할 때나, 게임 2차 비밀번호를 입력할 때 매크로를 방지하고 키보드 해킹을 막기 위해 위와 같은 마우스 입력기를 쓰곤 합니다. 이런 키보드 보안 프로그램 모습을 따서 간단한 React 마우스 입력기를 만들어 보았습니다!! 비밀번호 한 글자를 입력할 때 마다, 비밀번호 배열이 무작위하게 재설정됩니다. Submit 버튼으로 입력한 비밀번호를 확인할 수 있습니다! 코드 써먹으려면 코드를 알아야겠죠? 간단한 단일 웹 어플리케이션이기에 create-react-app typescript 모드로 개발하였습니다. App.tsx 의 모습입니다. 전체 틀을 구성하고 있고 Inputter 컴퍼넌트를 불러와 표시합니다. 저는 배열에 숫자들을 담아 섞어준 뒤 그 배열 전체..