[학습정리] 2020.01.08 - session, 페이지 이동, 회원가입 구현

오늘은 학원에서 능력단위 시험이 있었다. 

배웠던 이론들이 시험에 나왔는데 이 부분은 별도로 이론정리에 추가할 예정이다.

 

오후부터 배우고 진행한 내용/은 아래와 같다.

 

1. session

어떤 값을 session에 저장해 두면, 브라우저가 종료되기 전까지 값이 유효하다. 이를 사용하는 예시는 회원가입 구현 시, ID 등을 저장하는 것이다.

 

session에 값을 저장:

session.setAttribute("name","value"); 

괄호 죄측엔 name값을, 우측엔 저장해서 표현하고자 하는 값을 넣는다.

 

session.setMaxInactiveInterval(숫자입력);

예) session.setMaxInactiveInterval(10); 의 의미는 '10분동안 session 유지 가능'이다.

00초 동안 서버에 세션값이 저장되어있고 00초 지나고 나면은 서버에 남아있을 수 도 있고 없을 수도 있고

서버에 데이터가 많으면 다른 데이터들이 사용할 수 있도록 비켜준다.

설정하지 않으면 브라우저가 종료되기 전까지 값이 계속 유효하다.

 

session값 모두 초기화:

session.invalidate();

활용 예시는, 사용자가 로그아웃 했을 때, session에 저장되어있던 사용자 정보를 초기화 해준다.

 

특정 session값 지우기:

session.removeAttribute("name");

값을 저장했을 때 설정했던 name을 괄호안에 넣으면 해당 name에 매칭되어있던 값을 지운다.

 

2. 회원가입 구현

어제 했던 회원가입 구현을 이어서 진행했다.

오늘은

1) 상단의 GNB를 사용자 로그인 전/로그인 후로 case를 나누어서 바뀌게끔 했고,

ID값을 session에 저장하여 상단 GNB에 사용자 ID가 보이게끔 구현

2) 로그아웃 시 session값 초기화

3) 이전에 했던 게시판 함께 적용

4) Mypage 구현 (회원정보 수정, 비밀번호 수정, 탈퇴)

4-1) 비밀번호 수정 시, alert 창이 아닌 confirm창을 띄워 확인 클릭 시 삭제 진행

5) 기존엔 GNB 클릭에 event가 없었는데, 이를 추가함.

6) 로그인 시, ID와 비밀번호 일치 여부를 값을 비교하지 않고, select count(*) from 으로 count가 1이면 일치, 아니면 불일치 로직 구현

7) 회원가입 이후, 10초 뒤에 로그인 페이지로 이동

 

로그인 전 GNB

로그인 후 GNB (빨간 네모에 ID를 표현)

회원가입 구현은 현재진행형이다. 아직 완벽하지 않고 CSS부분은 배우지 않았기에.. 아주 기본적인 디자인이다ㅜㅜ

또한, mvc1 기반으로 만들어져 있고, 추후에 mvc2로 바꾸어 재구현할 예정이다.

 

3. 페이지 이동

기존에 meta 태그, history.go(-1); 등을 이용하여 페이지 이동하는 것을 배웠고, 오늘은 새로 아래 2가지 방법을 더 배웠다.

1) 

  <script>location.href="파일명.jsp"</script>

2) 

  response.sendRedirect("파일명.jsp");

두 방법 모두 파일명.jsp로 이동하는 명령어이다. 필요에 따라 적절하게 사용하자!