cookie
- 쿠키는 만료기한이 있는 key-value 저장소이다.
- 쿠키는 4kb의 용량 제한이 있다. (매우 작은 데이터 저장 용량)
- 또한 매 서버 요청마다 서버로 쿠키가 같이 전송된다.
- 브라우저에서 서버로 GET요청을 보낼 때, 서버는 요청 자체만으로는 그 요청이 누구로부터 오는지 파악하지 못한다. 그래서 요청을 보낼때 쿠키에 나에 대한 정보를 담아서 보내면 서버는 쿠키를 읽어서 내가 누군지 파알할 수 있다. 처음부터 서버와 클라이언트 간의 지속적인 데이터 교환을 위해 만들어졌기 때문에 서버로 계속 전송되는 것이다.
- 암호화가 안되어 있어 유저 정보 도난 위험
Web Storage ( localStorage / sessionStorage )
서버가 아닌, 클라이언트에 데이터를 key-value로 저장할 수 있도록 지원하는 HTML5의 새로운 기능이며, 약 5MB까지의 용량을 거의 제한이 없다고 볼 수 있다.
1) localStorage
- 로컬 스토리지의 데이터는 사용자가 지우지 않는 이상 계속 브라우저에 남아있다.
- 도메인별로 생성되며, 다른 도메인의 로컬 스토리지에는 접근이 불가능하다.
- 지속적으로 필요한 데이터(자동 로그인 등)는 로컬 스토리지에 저장하기에 좋다.
2) sessionStorage
- 세션스토리지의 데이터는 윈도우나 브라우저 탭을 닫을 경우 제거된다.
- 윈도우 복제로 생성된 경우, 스크립트로 새 창을 연 경우 세션 스토리지가 복제되어 생성된다.
- 잠깐 동안 필요한 정보(일회성 로그인 정보 등)는 세션 스토리지에 저장하기에 좋다.
| 출처 : 유댕이의 개발공부일지 |
$(window).localStorage(function(){});
$(window).localStorage(function('num', JSON.stringify([1,2,3])){}); // localStorage는 String 값만 저장이 가능해서
JSON.parse(localStorage.getItem('json')) //JSON을 이용해야 Integer을 넣을 수 있다.
localStorage.clear() // localStorage는 데이터가 남아있기때문에 직접 청소하는것이 쵝오