라이브 예제/새 기기 로그인 확인
1 분 분량
새 기기 로그인 확인
알 수 없는 기기에서 로그인할 때 사용자에게 경고
개요
새로운 브라우저/기기에서 로그인할 때 계정 해킹을 방지하기 위해 ReOTP 확인을 요청합니다.
구현 방법
1. /api/auth/detect-device: fingerprint를 신뢰할 수 있는 기기와 비교.
2. 새 기기인 경우: 로그인 차단 + ReOTP 전송 (PREDICTIVE).
3. /auth/new-device 페이지: 기기 상세 정보 + 확인 버튼.
4. VERIFIED 상태 시: 기기를 신뢰할 수 있는 목록에 추가 + 로그인 허용.
UI 및 UX 가이드라인
- indigo + slate 색상.
- 기기 상세 정보가 포함된 명확한 경고 카드.
대화형 플레이그라운드
WhatsApp 연결 플랫폼
새 기기 로그인 알림alert • 1/3
New Device Detected
새로운 브라우저/기기에서 로그인할 때, 계정 해킹을 방지하기 위해 ReOTP 확인이 요청됩니다.