Local storage, Session storage, Cookie

Local storage

client의 computer에 저장한다. key/value pair로 저장하며 value는 string만 가능하다(object도 serialization 해야함). expiration date가 없으며 삭제될 때 까지 계속 유지된다. JS와 HTML로부터 접근할 수 있고, user도 조작할 수 있다.

• No expiration date
• 5MB
• data is never transffered to the server
• plaintext, not secure
• only string data, need to be serialized
• can only be read on client-side

 

Session storage

동일한 site에 접속하더라도 각각의 tab마다 생성되는 저장소이다. session이란 이름에 맞게 해당 session이 사라지면(browser나 tab을 종료하면) session storage도 삭제된다. 그외에 거의 모든 부분에서 local storage와 동일하다.

 

Cookie

쿠키는 주로 athentication, session, advertising tracking에 사용된다. 현재 page에서 valid한 모든 쿠키가 모든 request마다 실려서 보내지기 때문에 큰 데이터는 쿠키에 넣지 않는 것이 좋다.

• Server에게 request할때 보낼 data를 저장한다.
• expiration date는 셋팅할 수 있으며 server-side, client-side 모두 가능
• Server에서 읽기 위한 data지만 client-side에서도 읽을 수 있다. (httpOnly flag로 client-side access를 막을 수 있음)
• 4KB