[Swift][UI] 로그인화면 만들기! part.2

지난 포스트에 이어서 로그인화면을 구현해 보겠습니다.

 

UI기능은 어느정도 완성하였으니 기능구현을 하겠습니다.

먼저 사용자의 email을 입력받는 TextField를 RxSwift를 이용하여 구독하겠습니다.

 

해당 부분은 ViewModel에 값을 보내는 Input의 값입니다.

LoginView 클래스입니다.

text = emailField의 입력된 Text값

orEmpty = text값이 비어있지 않을때

distinctUntilChanged() = 중복검사 (이전 text와 비교)

debounce = 값을 검사하는 주기 1초

map = text값을 String으로 변환

 

이렇게 받은 값을 ViewModel에서 

정규식을 이용하여 유효성을 검사한 후 비어있는지, 사용할 수 있는지, 없는지를 다시 View로 보냅니다.

 

다시 LoginView에서는 output으로 받은 값에 맞는 UI로 변경합니다.

완성된 결과입니다.