개발

#5. 회원가입 프로세스

규지니어스 2021. 9. 15. 01:29

얼마전

네이버 블로그에 올린

개발 프로세스 설명이다.

코드까지 같이 나타내주면 이게 포트폴리오가 되는건가?

 

흠 ㅎㅎㅎ... // 어렵다

 

 

 

 

 

회원가입 버튼을 누르면

처음 창에서 본인인증을 해야한다.

오늘은 문자인증에 대해서 작성해 보려고한다.

STEP1에서는 회원가입 문자인증을 받았다.

인증하기 버튼을 클릭하면 layer 팝업 창에서 비동기방식으로 인증값을 전송받는다.

1. 휴대폰 번호를 입력 후 sms 전송

- 휴대폰으로 인증코드가 발송되고, 인증코드 입력 창이 활성화가 된다.

2. 인증코드 값 입력

- 휴대폰으로 전송된 인증번호 값과 입력한 인증코드가 같은 경우에만 확인버튼이 눌러진다.

3. 확인버튼을 누르면 다음 step2 약관페이지로 넘어간다.

* sweet alert를 이용해 인증여부 창을 띄어주었다.

 

 

[출처] STEP1. 회원가입 - 본인인증(문자)|작성자 규지니어스

 

규지니US 의 개발이고 나발이고 : 네이버 블로그

비전공자로 초급단계부터 개발성장과정을 담는 개발새내기의 개발관련 블로그 규지니어스 입니다 규지니(와) US(함께) 해요!! :D

blog.naver.com

 

 

나의 회원가입에 들어간 프로세스는

step1. 문자인증 또는 이메일 인증

step2. 약관페이지 약관 동의

step3. 회원정보 입력

step4. 가입완료!

 

이다.

 

여기에 들어간 기능들은

1. coolSMS, JAVAMail 이용한 문자, 메일인증

   인증확인 버튼을 눌렀을 때만 다음 창 활성화가 되어 입력 가능. 

2. url 접근막기

3. step1에서 인증 한 휴대폰번호 또는 메일인증 값 step3에 회원정보페이지까지 가져가 나타내기

4. 약관페이지 필수약관에 동의할 시에만 다음페이지로 넘어가기

5. step3의 회원정보입력 후 경력사항 폼만 따로 추가하여 입력 가능