리액트)로그인페이지 만들기

1.로그인페이지 분석

 

1-1 아이디와 비밀번호 입력가능

1-2 로그인시 유효성검사

1-3 로그인되면 세션에 아이디 저장

1-4 회원가입 버튼을 만들어 바로 회원가입페이지로 이동

(보류1-5 비밀번호 찾기기능 ->전화번호로 API써서 해야하는데 시간부족

 

2.로그인페이지 유효성검사

 

2-1 DB에 존재하는 아이디인가

2-2 입력된비밀번호가 DB에 비밀번호와 일치하는가?

 

3.유효성검사 구현

 

3-1 로그인버튼-> 입력한아이디서버전송-> 존재한다면 아이디와 비밀번호 가져오기

3-2 입력한 비밀번호와 가져온 비밀번호가 서로 일치하는지 확인하기

3-3 두조건이 맞다면 메인페이지로 이동하기

3-4 로그인이되었을때만 세션에 아이디를 저장한다

 

 

 

4. 특이사항

4-1 세션은 브라우져가 닫힐때까지 유지되므로 새로고침되어도  괜찮다.

4-2 새로고침O+이동,새로고침X+이동의 특성을 잘 이용하자

4-3 세션,쿠키,state,변수등등 저장방식에 따라 이용하자