Cookie, Session, Local Storage

• 브라우저에 데이터를 저장할 수 있는 3개의 공간

Cookie

• expiration data 는 각 테이터마다 설정된 기간동안으로 지정된다.
• 4KB 이하의 저장공간을 가진다.
• Server-Side 에서 사용되는 데이터를 주로 저장한다.
• 매 api 요청마다 함께 전송된다.
• httpOnly 플래그를 통해 각 쿠키를 클라이언트에서의 접근으로부터 보호할 수 있다.

Session Storage

• session 기간에만 데이터를 저장한다.
• 브라우저가 꺼진다면 데이터는 소실된다. (보안 측면에서 유리)
• 5~10 MB의 저장 공간을 가진다.
• Session Storage 의 데이터는 api 호출에 담을 수 없어 서버에 전송이 불가능하다.
• 같은 주소의 URL의 창을 여러개 열어도 각각의 창은 별도의 Session Storage 를 갖는다.

Local Storage

• key/value 의 pair로 데이터를 저장한다.
• Javascript/HTML 을 통해서만 데이터에 접근 가능하다.
• no expiration date. 직접 지울때까지 남아있다.
• 5MB의 저장 공간을 가진다
• Local Storage의 데이터는 api 호출에 담을 수 없어 서버에 전송이 불가능하다.
• string data로 저장이 제한된다.