[웹 프로그래밍] 스토리지와 쿠키

쿠키란?

 쿠키란 클라이언트가 서버에 방문한 정보를 클라이언트 단에 저장하는 파일을 의미한다.

쿠키는 클라이언트의 브라우저 메모리 혹은 하드디스크에 저장이되고, 매번 서버에 전송되므로 크기가 크다면 서버에 부담이 갈 수 있다. 대략 4KB까지의 데이터를 저장할 수 있으며 유효기간이 존재하며 대부분의 브라우저가 지원을 한다.

 

웹 스토리지란?

 웹 스토리지는 데이터를 저장할 수 있도록 HTML5 부터 지원하는 저장소이다 Key, Value 쌍 형태로 데이터를 저장하며 쿠키와 달리 서버에 전송되지 않으므로 서버에 부담이 가지 않는다. 또한 필요한 경우에만 꺼내 쓰는 것이므로, 자동 전송의 위험이 없고 5MB까지의 데이터를 저장할 수 있으며 유효 기간이 존재하지 않는다. 브라우저가 HTML5를 지원하지 않는다면 사용할 수 없다.

 웹 스토리지는 세션 스토리지와, 로컬 스토리지로 나뉜다.

 

- 로컬 스토리지

 브라우저를 종료해도 유지되는 데이터로 명시적으로 지우지 않는 한 영구적으로 저장이 된다. 또한 도메인별로 생성이 되며 다른 도메인의 로컬 스토리지에는 접근이 불가능 하다.

 서로 다른 브라우저라도 동일한 도메인이라면 동일한 로컬 스토리지를 사용한다. 영구적으로 데이터가 저장되므로 지속적으로 필요한 정보들을 저장하는 용도로 사용한다.

 

- 세션 스토리지

 탭/윈도우 단위로 세션 스토리지가 생성이되고 탭/윈도우를 닫을 시 데이터가 삭제된다.

또한 동일한 탭/윈도우라도 다른 도메인이라면 또 다른 세션 스토리지가 생성된다. 서로 다른 세션 스토리지는 서로 영향을 주지 않으며 독립적으로 동작한다.

창을 닫을 시 삭제되므로 잠깐 필요한 정보를 저장하는 용도로 사용된다.