[fix/native] Onboarding EmailStep CTA Button Flickering

[sterdsterd]

버그 설명

버그 설명

OnboardingScreen → EmailStep의 CTA 버튼에서 Flickering이 발생

원인(현재 구현)

• onChange시 300ms의 debouncer 이후 regex + 중복 validation 적용
• validation 도중에 button disable, valid 시에만 button enable 되도록 구현되어 있음

예상 수정 계획

1안

• onChange 300ms debouncer 유지
• 중복 체크 api 태우지 말고 regex 검증만
• regex validation 중 button enable 유지 → invalid 시에만 button disable
  • (regex만 태우면 validation 시간 짧아서 검증 중 버튼 누르는 경우까지는 생각 안해도 괜찮을 것 같음)
• button 클릭 시에만 중복 체크 api 검증
• 중복 시 다음 스텝으로 안 넘어가게 & input 밑에 error label 띄우기 or alert 띄우기
• 중복 아닐 시 다음 스텝으로

2안

• debouncer 300ms → 500ms 선으로 상향

3안

• onChange 대신 onBlur 시점에 validation 진행

ref(slack)

• EmailStep email debouncer 시간 상향
• 온보딩 Email input validation 시점 기획 보완

재현 방법

EmailStep의 input에서, input 간의 간격이 300ms 이상일 때 validation이 진행되어 flickering 되는 것처럼 UI상에 나타남

기대했던 정상 동작

UX를 해치지 않는 선에서 Flickering이 발생하지 않도록 개선