쿠키, Web Storage(Local Storage, Session Storage)

쿠키

- 클라이언트가 서버에 방문한 정보를 클라이언트 단에 저장하는 작은 파일

- 매번 서버에 전송(서버에 부담이 갈 수 있다.)

- 다른 도메인에서 요청할 때도 자동 전송될 수 있다.

- 유효 기간 존재

 

Web Storage

- 클라이언트에 데이터를 저장할 수 있도록 HTML5부터 새롭게 지원하는 저장소

- 쿠키와 달리 서버에 전송되지 않는다

- 필요한 경우에만 꺼내 쓴다.

- 유효 기간 존재 X

- 로컬 스토리지와 세션 스토리지가 있다.

 

a. Local Storage

- 브라우저를 종료해도 유지되는 데이터로, 명시적으로 지우지 않는 한 영구적으로 저장

- 도메인별로 생성

 

b. Session Storage

- 탭/윈도우 단위로 세션 스토리지가 생성

- 다른 도메인이라면 또 다른 세션 스토리지가 생성

- 서로 다른 스토리지는 독립적

- 유효 범위 및 생존 기간을 가지며, 탭/윈도우를 닫을 시 데이터가 삭제

- 잠시 동안 필요한 정보를 저장하기에 좋다.(ex-입력 폼 저장, 일회성 로그인 등)