HTML5에는 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 WebStorage 스펙이 포함되어있다.
Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다.
그리고 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다.
localStorage.setItem("access_token", "sw"); // 저장
localStorage.getItem("access_token"); // 조회 : sw
localStorage.removeItem("access_token"); // access_token 으로 설정된 키로 접근하여 삭제
localStorage.clear(); // 전체 삭제
sessionStorage.setItem("access_token", "sw"); // 저장
sessionStorage.getItem("access_token"); // 조회 : seokwoo
sessionStorage.removeItem("access_token"); // access_token 으로 설정된 키로 접근하여 삭제
sessionStorage.clear(); // 전체 삭제
HTTP의 일종으로 사용자가 어떠한 웹 사이트를 방문할 경우, 서버에서 사용자의 브라우저에 저장하는 작은 기록 정보 파일이다.
서버가 쿠키를 만들어 브라우저에게 보내고,브라우저에서 저장했다가 요청을 했을떄 다시 서버에 보내주는 문자열이다.
클라이언트가 HTTP Request 를 서버에게 보냄
서버에서 유효성(회원인지)확인 후,쿠키를 생성한뒤, HTTP Response 헤더에 쿠키 넣어 응답
클라이언트는 HTTP Response의 header에서 쿠키를 추출하여 저장
클라이언트가 Request하고 싶을 때, HTTP가 해당 쿠키를 찾아 header에 자동으로 넣어서 전송