cookie, sessionStorage, localStorage
쿠키와 세션스토리지, 로컬스토리지는 데이터베이스를 사용하지 않고 데이터를 임시적인 용도로 저장 할 때 사용하는 것이다. 쿠키의 단점을 보완해 HTML5에서 '웹스토리지'라는 기술 탄생했다. 웹스토리지는 로컬스토리지와 세션스토리지로 나뉜다.
대부분의 데이터는 데이터베이스에 저장하고 해당하는 사용처에 따라 쿠키, 세션스토리지, 로컬스토리지를 적절히 사용해야한다. 웹스토리지는 로컬에만 정보를 저장하고 쿠키는 서버와 로컬에 정보를 저장한다.
| 종류 | 설명 | 장점 | 단점 | 데이터 유형에 따른 저장 추천 위치 |
|---|---|---|---|---|
| 쿠키(cookie) | 클라이언트에 대한 정보를 이용자 PC의 하드디스크에 보관하기 위해서 웹 사이트에서 클라이언트의 웹 브라우저에 전송하는 정보, 브라우저 요청이 있을 경우 자동으로 서버에 전송 | 대부분의 브라우저에 지원 | 정보를 매번 헤더에 추가하여 보내기 때문에 상당한 트래픽을 발생, 용량이 작음 (약 4Kb), 암호화 X 사용자 정보 도난 위험 | 다시 보지 않음 팝업 창 |
| 로컬스토리지(localStorage) | 저장한 데이터 삭제하지 않는 이상 영구적으로 보관이 가능, 도메인마다 별도로 로컬 스토리지가 생성, 브라우저를 닫고 열었음에도 정보가 남아야 하는 것들을 저장할 때 사용 | 서버에 불필요하게 데이터 저장안함, 쿠키 보다 보안이 우수 | HTML5를 지원하지 않는 브라우저의 경우 사용 불가 | 자동로그인 |
| 세션스토리지(SessionStorage) | 데이터의 지속성과 액세스 범위에 특수한 제한이 존재, 브라우저가 종료되면 데이터도 같이 지워짐 | 위와 같음 | 위와 같음 | 입력 폼 정보, 비로그인 장바구니 |
Reference
keep it fresh!