[TIL] 2023/06/21 Twilio Verify: 전화 번호 유효성 검사, check verification code

1. 전화번호의 유효성 검사 코드 추가

2. 인증 번호 확인하는 메서드 구현 

 

JS 부분이 마음처럼 잘 안된다. 

Verify Phone Number를 누르면 아래와 같은 모달 창이 뜨도록 했다. 

여기서 전화번호를 입력하고 Verify를 누르면 전화번호가 UserController로 넘어가서 인증 번호를 보내는 메서드를 호출하게 된다.

문제는 고객이 인증 번호를 입력하는 폼을 띄우는 거다..

 

세가지 방법을 생각해봤다.

 

1. 인증 번호 입력 칸이 처음부터 전화 번호 입력 칸 밑에 나오도록 구성하기. 인증 번호를 받지 않은 상태에서 인증 번호 검증을 하려고 한다면 먼저 인증 번호를 받으라고 안내 문구 띄워주기. (어떻게???)

2. 전화 번호로 인증 번호를 보내고 나면 인증 번호 입력 칸이 밑에 뜨도록 하기. 오늘 이렇게 해봤는데 잘 안됐다. 

3. 모달 창을 두개로 만들어서 인증 번호를 보내면 인증 번호 검증 모달로 넘어가도록 하기.

 

1번이 제일 구현하기 쉬울 거 같다. 내일 와서 마저 해보자..