728x90
728x90
시작 전 간단한 지식
쿠키 : 웹 브라우저에 사용자의 상태를 유지하기 위한 정보를 저장
→ 사용자의 상태 유지를 위한 정보를 웹 브라우저에 저장해서 웹 서버가 쿠키 정보를 읽어 사용한다. 쿠키는 웹 서버에서 열어볼 수 있다.
세션 : 웹서버의 웹 컨테이너에 상태를 유지하기 위한 정보를 저장
→ 사용자의 정보를 유지하기 위해 javax.servlet.http 패키지의 HttpSession 인터페이스를 구현해서 사용한다.
웹 브라우저 당 1개씩 생성되어 웹 컨테이너에 저장된다. 웹 서버는 각 브라우저별 발생한 요청에 대해 특별한 식별자를 부여한다.
세션의 속성
java
session.setAttribute("id", "value");
String id = (String)session.getAttribute("id"); //리턴 타입은 Object
session.removeAttribute("id");
session.invalidate(); //세션의 모든 속성을 삭제
JS
var sessionData = keyName;
sessionStorage.setItem(keyName, keyValue ); // 저장
sessionStorage.getItem(keyName); // keyName에 해당하는 값 return (없으면 null)
sessionStorage.length; // 저장된 데이터의 갯수 리턴
sessionStorage.key(index); // index 번째의 키 이름 return
sessionStorage.removeItem(keyName); // keyName에 해당하는 값 삭제
sessionStorage.clear(); // 모든 데이터 삭제
JS의 경우 sessionStorage.clear(); 로 모두 삭제해주면 됩니다. 위는 sessionStorage에서 지원하는 메서드들입니다. 따라서 location.href 에 홈 화면이나 로그인 화면으로 연결시키고 sessionStorage.clear로 간단하게 세션을 모두 날려버리면 로그아웃이 됩니다.
728x90
728x90
'Javascript' 카테고리의 다른 글
JS 윈도우창 닫기 버튼 클릭 이벤트 감지(beforeunload) (0) | 2020.11.26 |
---|---|
JS 글자수 체크(공백포함, 제외) 및 언어 옵션 설정 (0) | 2020.11.25 |
맨날 헷갈리는 event.preventDefault (0) | 2020.11.19 |
JSON 문서 작성 및 JS로 입력, 추출 (0) | 2020.11.19 |
[JS] 쿠키 생성(저장), 불러오기 (0) | 2020.10.30 |