chap4 - 아이디저장(저장소),ID PW찾기

localStorage, seesionStorage 사용

아이디저장 체크 후 로그인

localStorage,seesionStorage 는 쿠키의 단점을 보안해서 html5 부터 나온것이다.

 

저장소

WAS 서버 저장소 종류 : request, session

Client 의 web브라우저,DISK

 

session은 client의 web브라우저를 WAS서버에 붙이면 자동적으로 실행되어진다.

또한 각각의 web브라우저(크롬,익스플로러 등)를 WAS에 붙이면 각각의 session이 생성이된다.

session은 탭을 모두 끄거나 web브라우저를 종료하면 자동 소멸이된다.

session.invalidata(); 를 사용하면 삭제가 가능하다.

 

WAS에 저장을 시키면 너무 많이 저장을 하게되면 용량이 부족한 경우가 생긴다.

그러므로 중요한 정보는 -> WAS서버에 그외 Client web브라우저,DISK에 저장시킨다.

 

Client의 web브라우저나 DISK에 저장 시키면 <쿠키>를 사용하여 저장을 하였다.

쿠키의 용량은 - 4KB이다.

 

쿠키의 단점을 보안하고자 HTML5 부터 localStorage,sessionStorage - 4MB 이다.

 

[ login.jsp ]

[ login.jsp ]

sessionStorage 는 일회용 즉, 단발성이다.

아이디 저장을 체크하면 ID또한 같이 남아있어야 하므로 우리는 localStorage를 사용한다.

[ login.jsp ]

아이디저장 체크박스에 체크를 안하였다면 우리는 ID에도 값을 남기면 안된다.

 

 

다음 아아디저장 체크 시 ID에 값을 나오게 한다.

 

[ login.jsp ]

여기서 다른 아이디로 로그인 하고 로그아웃을 했을시 계속 leess 가 저장되어 있다.

그러므로 다른 아아디로 저장했을때 그 아이디가 보여지도록 해준다.

[ login.java ]

 

localStorage 에는 비밀번호 등 중요한 정보는 절대 저장해서는 안된다!

 

 

6개월이 지난 PW 비밀번호 바꾸기

먼저 6개월이 지난 PW를 만들어서 사용해 보겠다.

DB에 들어간다.

이렇게 6개월 지난 아아디가 로그인 할시 비밀번호를 바꾸라고 alert 을 띄우겠다.

 

[ LoginEndAction.java ]

휴면계정이면 로그인을 하면 안되게 한다.

원래는 관리자가 풀어주는데 보통 이렇게 다들 한다.

휴면 계정을 로그인하면 휴면을 풀어준다.

 

[ LoginEndAction.java ]

[ InterMemberDAO ]

[ MemberDAO ]

 

 

============================================================================

 

아이디 찾기 - 아이디 찾기는 Bootstrap 방식에서 Modal을 사용했다.

 

아이디 찾기 를 하기 위해서는 form 태그를 만들어야 한다.

 

view단 idFind.jsp 참조!!!!

 

[ idFindAction.java ]

[ MemberDAO ]

꼭 이클립스 보면서 흐름 파악하기!!

문제는 Close 나 x 를 누르고 다시 아이디 찾기를 하면 그대로 위에처럼 값들이 남아있다.

페이지 새로고침하면은 사라진다.

그러므로 Close 나 x 를 눌렀을때 새로고침 효과를 준다.

 

[ login.jsp ]

============================================================================

 

비밀번호 찾기

먼저

[ login.jsp ] 를 본다

비밀번호 찾기를 하면

ID 와 Email 을 입력하면 DB에서 랜덤한 인증번호를 메일로 발송한다.

메일에 발송된 인증코드를 다시한번 비밀번호 찾기 안에 쓰도록 한다.

즉, ID입력란, Email입력란, 인증번호 입력란이 있다.

 

인증코드가 맞다라면 새로운 비밀번호를 작성하도록 한다. 여기서 새로운 비밀번호는 암호화 한다.

인증코드가 다르다면 새로운 비밀번호 작성란이 나오지 않는다.

 

[ PwdFindAction.java ]

[ pwdFind.jsp ] 

기본 코드는(뼈대) 교수님걸 복사해왔다.

[ PwdFindAction.java ]

InterMemberDAO

 

MemberDAO

[ PwdFindAction.java ]

교수님이 복사해준 파일

교수님이 보내준 파일