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

로컬, 세션, 쿠키, 캐시에 대해서 공부하다보니 자연스럽게 이끌렸다..

 

우선, 웹 스토리지란?

- 클라이언트에 데이터를 저장할 수 있도록 HTML5부터 나온 새로운 방식의 데이터 저장소

 

장점

1) 서버에 불필요하게 데이터 저장 X

2) 넉넉한 데이터 저장 용량

3) 문자열 외에도 자바스크립트의 모든 원시형 데이터와 객체 저장 가능

4) 도메인 단위로 접근이 제한되는 CORS 특성 덕분에 CSRF로부터 안전

 

단점

1) HTML5만 지원하는 브라우저만 사용 가능

2) XSS로부터 위험 - script단에서 sessionStorage.XXX와 localStorage.XXX 하면서 삭제(removeItem),

    삽입(setItem), 조회(getItem)을 통해 값을 조작할 수 있다.

 

로컬 스토리지

- 로컬 스토리지는 클라이언트 측에서 데이터를 저장하는데 사용되는 기술이다.

- 브라우저를 종료해도 유지된다.

- 주로 사용자 프로필, 기본 설정 등의 정보를 저장하는데 사용한다.

 

세션 스토리지

- 브라우저 세션이 유지되는 동안에만 유효하다. 브라우저가 종료되면 저장된 데이터가

  모두 삭제된다.

- 일회성 로그인, 인증 토큰 등의 정보를 저장하는데 사용된다.