Local, Session, Cookie Storage의 차이점

Local, Session, Cookie Storage의 차이점

 

로컬 저장소, 세션 저장소 및 쿠키의 차이점에 대해 알아보고자 합니다.

 

Local Storage

• 만료 날짜가 없는 데이터를 저장합니다.
• JavaScript 또는 브라우저 캐시 지우기를 통해서만 지웁니다.
• 저장 용량 한도는 3MB, 5MB로 가장 큽니다.
• 이전 브라우저 IE7 이하에서는 지원되지 않습니다.
• same-origin policy에서 작동합니다. 따라서 저장된 데이터는 동일한 원본에서만 사용할 수 있습니다.

 

Session Storage

• 사용자가 브라우저를 닫을 때 세션이 지속되는 동안에만 데이터를 저장합니다.
• 최상위 탐색 컨텍스트이므로 각 브라우저 탭마다 고유합니다.
• 저장 용량 한도가 5MB의 쿠키보다 큽니다.
• 이전 브라우저 IE7 이하에서는 지원되지 않습니다.

 

Cookies

• 헤더를 통해 서버로 전송할 수 있는 데이터를 저장합니다.
• LocalStorage 및 SessionStorage는 클라이언트 측에서만 액세스할 수 있습니다.
• 쿠키 생성시 만료가 설정됩니다.
• 저장 용량이 4kb에서 가장 작습니다.
• 쿠키는 클라이언트 측에서 내용을 읽을 수 없도록 안전하게 만들 수 있습니다. 
• 이는 사용자 토큰을 저장하기 위한 인증에 중요합니다.