[ 구글 OTP ] java + javascript / React 버전으로 구현하기 + QR 코드, authenticator

#OTP #구글 #auth #googleOTP 구글 OTP, QR 코드 authenticator 구현 + React 위와 같은 화면을 만들기 위해 react 프로젝트인 프런트 영역의 개발과 Key 값과 OTP Code의 검증을 위한 백 영역의 개발이 필요합니다. QR 코드를 통한 구글 authenticator으로 OTP 인증하기 위한 중요 값 key (QR코드) OTP Code react key 값을 QR 코드로 보여주기 위해 패키지를 설치합니다. npm install qrcode.react 소스코드 import QRCode from 'qrcode.react'; // state const [state, setState] = useState(); // function const fuc = () => { const label = encodeURIComponent(`${state.라벨값}:-OTP`); const secret = encodeURIComponent(key값); const i...