로그인 흐름 Flowchart로 만들어보기

Github Repo에 이미지 파일로 추가해주세요.

아래의 흐름을 Flowchart로 직접 그려봅니다.

로그인 흐름

1. 사용자가 이메일과 비밀번호를 입력한다.

2. 값 입력이 끝나면 검증을 시작한다.

3. 이메일과 비밀번호의 조건을 모두 만족하면 로그인 버튼을 활성화시킨다.

4. 조건을 만족하지 않으면 로그인 버튼은 계속 비활성화인채로 사용자에게 해당 값을 다시 입력시킨다.

5. 로그인 버튼의 default는 비활성 상태이다.

조건 확인하기

1. 이메일 조건 : 값이 공백이 아니면서 @를 포함시킨다.

2. 비밀번호 조건 : 값이 공백이 아니면서 8자리 이상이다.