○Cookie
▷작은 크기(최대 4kb)의 Key와 Value의 String Pair. (Key에 해당되는 Value)
▷후속 방문을 위해 유저 정보 등을 저장.
▷유저의 컴퓨터(Client)에 저장됨. 해당되는 website에 들어가면, 서버에 자동으로 전달함.
▷Cookie가 만들어진 Web sever / scripts에서만 접근 가능.
▶문제점
▷작은 용량의 한계
▷Document 전체를 보관 불가능
▷같은 site를 여러 탭에서 동시에 접근헤도 하나의 Cookie만 생성됨. (Cookie를 공유함.)
○HTML5 Web Storage
▷서버에서 접근 불가. (프로그램을 통해 서버에 보낼수는 있음)
▷꽤 큰 용량(5MB)
▷Application(Domain, protocol)마다 따로 저장됨.
▶Local Storage
▷Client에 영구적으로 저장되는 정보.
▷Key - Value의 String Pair를 저장.
▶window.localStorage
▷저장1 - localStorage.setItem("lastname", "Smith")
▷불러오기1 - localStorage.getItem("lastname")
▷저장2 - localStorage.lastname = "Smith"
▷불러오기2 - localStorage.lastname
▶Session Storage
▷세션동안만 잠시 저장되는 정보. (창이 닫히면 데이터가 사라짐)
▷Key - Value의 String Pair를 저장.
▶window.sessionStorage
▷저장1 - sessionStorage.setItem("lastname", "Smith")
▷불러오기1 - sessionStorage.getItem("lastname")
▷저장2 - sessionStorage.lastname = "Smith"
▷불러오기2 - sessionStorage.lastname