이메일 인증 사용법 및 가이드

개요

2-factor 인증을 위해 이메일 인증을 제공하고 있습니다.

계정등록, 비밀번호 초기화 시에 이메일 인증을 진행하고 있습니다.

주요 특징

1. verificationCodeService.ts

   • 인증코드 메일 전송 API

   • 인증코드 확인 API

2. VerificationCode.vue

   • 인증 컴포넌트

   • 이메일로 인증코드 전송

   • 인증 유효 시간 (5분)

   • 인증코드 확인

3. VerificationDialog.vue

   • VerificationCode 컴포넌트를 포함하는 Dialog

4. 인증번호는 숫자 6자리

사용법

1. 설정

   • VerificationCode.vue

   props (속성) userEmail : 이메일 userId : 사용자ID

2. 사용

   • 계정 등록 (UserRegistDialog.vue)

   • 계정 등록시 이메일 인증 진행

   <VerificationCodeDialog v-if="verificationCodeVisible" :visible="verificationCodeVisible" :user-email="user.userEmail" user-id="" @update-verify-code="checkEmailVerifycation($event)" @update-visible="verificationCodeVisible = $event" />

   • VerificationCode 컴포넌트를 포함한 Common Dialog (VerificationCodeDialog.vue)

   <VerificationCode :user-email="props.userEmail" :user-id="props.userId" @update-verify-code="updateVerifyCode($event)" @update-visible="closeDialog" />