로컬스토리지, 세션스토리지

• HTML5에서 웹스토리지(로컬||세션스토리지) 탄생 : 쿠키의 단점을 보완해서 나옴
• KEY : VALUE 형태로 이루어짐
• 클라이언트에 대한 정보를 저장
• 웹스토리지는 로컬에만 정보를 저장 ↔ 쿠키는 서버, 로컬에 정보를 저장함

 

• 장점
  • 서버에 불필요하게 데이터를 저장하지 않는다
  • 저장용량이 크다. (약 5MB, 브라우저마다 다름)
• 단점
  • HTML5를 지원하지 않는 브라우저의 경우 사용 불가

 

• 로컬스토리지는 클라이언트의 정보를 영구적으로 저장한다
  • EX) 자동 로그인 저장
• 세션스토리지는 세션 종료 시 클라이언트 정보를 삭제
  • EX) 입력 폼 정보 저장, 비로그인 장바구니

 

• 쿠키의 특징
  • 매 HTTP요청마다 포함되어 서버에 부담이 간다
  • 쿠키의 저장용량이 작음 (약 4kb)
  • 암호화가 존재하지 않아 사용자 정보 도난 위험이 있다