쿠키를 이용해 로그인 시스템 만들기

이번에 배운 쿠키를 어떻게 써먹어볼까 고민하던중 쿠키를 이용해 간단한 로그인 시스템을 제현해보기로 했다. 물론 실제로는 쿠키를 이용한 로그인은 보안성, 저장시간 등의 이유로 말도 안되는 소리지만... 연습겸해서 한번 해볼만 할것이다.

아이디어 : 

  1. 사용언어 : (html/jQuery/javascript/java/Servlet)
  2. login.html, RegisterServlet.java, LoginServlet.java 새개의 파일을 만든다
  3. login.html에 "로그인", "회원가입" 이라는 이름을 가진 두개의 버튼과 폼을 만든다.
  4. 각 폼은 해당 버튼들을 클릭했을때만 나타나고 평소에는 숨겨져 있게 설정한다(jQuery)
  5. javascript를 통해 회원가입 유효성 검사를 한다
  6. 회원가입 폼을 작성하고 전송시 RegisterServlet.java로 전송되며 이미 가입된 아이디인지 검사후 아니라면 쿠키에 전송받은 아이디와 비밀번호를 저장한다.
  7. 로그인 폼을 작성하고 전송시 LoginServlet.java로 전송되며 아이디, 비밀번호 유효성 검사를 거쳐 올바른 로그인 시도일경우 id + "님 환영합니다."를 띄워준다.

-login.html


-loginServlet.java


-registerServlet.java



결과 : 

-login.html

(로그인 버튼 클릭시)








(회원가입 버튼 클릭시)











-회원가입후 아이디/비밀번호 쿠키에 저장















-쿠키에 저장된 값으로 로그인









댓글