Cookie
HTTP 쿠키(HTTP cookie)란 하이퍼 텍스트의 기록서(HTTP)의 일종으로서 인터넷 사용자가 어떠한 웹사이트를 방문할 경우 사용자의 웹 브라우저를 통해 인터넷 사용자의 컴퓨터나 다른 기기에 설치되는 작은 기록 정보 파일을 일컫는다. 쿠키, 웹 쿠키, 브라우저 쿠키라고도 한다. 이 기록 파일에 담긴 정보는 인터넷 사용자가 같은 웹사이트를 방문할 때마다 읽히고 수시로 새로운 정보로 바뀐다. 이 수단은 넷스케이프의 프로그램 개발자였던 루 몬툴리(Lou Montulli)가 고안한 뒤로 오늘날 많은 서버 및 웹사이트들이 브라우저의 신속성을 위해 즐겨 쓰고 있다. -Wikipedia
쉽게 말해서 Cookie는 사용자가 사이트에 방문 시 일정 정보들을 저장하고 재 방문 시 해당 정보를 읽어와 사용자에게 빠른 정보를 제공하는 브라우저의 기능이다.
Web Storage
웹 스토리지를 사용하면 웹 애플리케이션이 사용자의 브라우저 내에서 로컬로 데이터를 저장할 수 있습니다.
HTML5 이전에는 애플리케이션 데이터가 모든 서버 요청에 포함된 쿠키에 저장되어야 했습니다. 웹 저장소는 더 안전하며 웹 사이트 성능에 영향을 주지 않고 많은 양의 데이터를 로컬에 저장할 수 있습니다.
쿠키와 달리 저장 한도가 훨씬 더 크고(최소 5MB) 정보가 서버로 전송되지 않습니다.
웹 스토리지는 오리진(도메인 및 프로토콜)별로 있습니다. 한 출처의 모든 페이지는 동일한 데이터를 저장하고 액세스할 수 있습니다. -w3schools
Web Storage에서 데이터는 키-값 형태로 저장된다
Web Storage에는 Local Storage, Session Storage 두가지 종류가 있다.
둘의 차이는 데이터가 저장되는 범위에 있다.
Session Storage
Sessin Storage는 세션이 끝날때 저장된 데이터가 지워진다.
브라우저에 여러 탭을 열고 동일한 사이트를 연다면 각각의 탭의 Session Stotage에 데이터가 저장되고 Session이 끝나면 데이터가 지워진다.
Local Storage
Local Storage에 저장되는 데이터는 Session Storage와 달리 Session이 종료되더라도 데이터가 유지된다.
브라우저에 여러 탭을 열고 동일한 사이트를 열어도 Local Storage는 공유되고 탭을 닫더라도 Local Storage에 저장된 데이터는 유지된다.
단, 다른 브라우저로 연다면 해당 브라우저의 Local Storage에 새로운 데이터가 저장된다.
