I can do it(Feat. DEV)

저번 글에 이어서 사용자가 입력한 문자 체크하는 방법 및 새로고침 기능 구현을 계속해서 진행해 봄. 혹시 캡차 이미지 구현을 아직 안 하신 분을 위해(https://precious-value.tistory.com/14) React Simple Captcha(자동입력방지) 추가하기(1) 담당자에게서 몇몇 사용자들이 예약 관련 매크로를 사용해 예약을 한다는 항의 전화가 자꾸 와서 자동 입력 방지 라이브러리를 추가하여 매크로를 방지해보려고 함. 여기서 잠깐 Captcha란? ※Capt precious-value.tistory.com 먼저 1. 새로고침 기능 구현을 진행해 봄. //새로고침 버튼 getImage(e)//새로고침 버튼을 클릭했을 때 로직 } > 새로고침 저번시간에 만들었던 새로고침 버튼을 클릭했을..

담당자에게서 몇몇 사용자들이 예약 관련 매크로를 사용해 예약을 한다는 항의 전화가 자꾸 와서 자동 입력 방지 라이브러리를 추가하여 매크로를 방지해보려고 함. 여기서 잠깐 Captcha란? ※Captcha란? Completely Automated Public Turing test to tell Computers and Humans Apart의 약자로, 컴퓨터와 사람을 구분 짓기 위한 완전 자동 튜링 테스트라고 함. 찾아보니 Captcha 종류가 여러 개였는데 아마 우리가 가장 잘 알고 있는 게 구글의 reCAPTCHA가 아닐까 싶음. (사실 필자는 이 친구 별로 안 좋아함. 인증 스트레스🤬🤬) 어르신들이 많이 쓰는 예약사이트라 reCAPTCHA를 넣으면 민원이 최소 10배는 늘 것 같아서 제외함. 담당자 ..