들어가기 앞서

크롬 브라우저에서 개발자도구를 열고 'Application'탭을 클릭하면 SideBar에서 Storage영역이 있다.
여기서 Local Storage, Session Storage, Cookies가 보이는데 뭔지 각각 설명해줘. 그리고 차이점도 설명해.

Local Storage

이것은 웹 스토리지 API의 일부로, 사용자의 웹 브라우저에 데이터를 영구적으로 저장할 수 있게 합니다. 즉, 사용자가 웹 사이트를 닫거나 브라우저를 종료하더라도 데이터가 삭제되지 않습니다. 각 웹 사이트는 도메인당 대략 5MB의 데이터를 저장할 수 있습니다. Local Storage에 저장된 데이터는 클라이언트 측 JavaScript에서 접근할 수 있습니다. Local Storage는 쿠키와는 달리 HTTP 요청과 함께 전송되지 않습니다.

Session Storage

이것도 웹 스토리지 API의 일부로, Local Storage와 비슷하지만, 한 가지 중요한 차이점이 있습니다. Session Storage에 저장된 데이터는 페이지 세션이 끝날 때 삭제됩니다. 페이지 세션은 브라우저 탭이 열려 있는 동안 지속됩니다. 브라우저를 닫거나 탭을 닫으면 페이지 세션이 끝나며, Session Storage에 저장된 모든 데이터가 삭제됩니다.

Cookies

쿠키는 클라이언트 측 및 서버 측에서 모두 접근할 수 있는 작은 데이터 조각입니다. 쿠키는 HTTP 요청 헤더를 통해 서버와 클라이언트 간에 전송됩니다. 쿠키에는 만료 날짜가 있으며, 만료 날짜가 지나면 자동으로 삭제됩니다. 만료 날짜가 설정되지 않은 쿠키는 세션 쿠키라고 부르며, 브라우저가 닫힐 때 삭제됩니다.

차이점:

데이터 수명

• Local Storage의 데이터는 수동으로 삭제되지 않는 한 영구적입니다.
• Session Storage의 데이터는 페이지 세션이 끝나면 삭제됩니다.
• 쿠키의 데이터는 만료 날짜나 세션 종료 때 삭제됩니다.

데이터 용량

• Local Storage와 Session Storage는 웹 사이트당 5MB를 저장할 수 있습니다.
• 쿠키는 웹 사이트당 4KB만 저장할 수 있습니다.

데이터 접근

• Local Storage와 Session Storage의 데이터는 웹 브라우저에서만 접근할 수 있습니다.
• 쿠키의 데이터는 웹 브라우저뿐만 아니라 서버에서도 접근할 수 있습니다.

데이터 전송

• Local Storage와 Session Storage의 데이터는 HTTP 요청과 함께 전송되지 않습니다.
• 쿠키의 데이터는 모든 HTTP 요청과 함께 전송됩니다.

이들은 모두 사용자 데이터를 클라이언트 측에 저장하는 방법들이지만, 그들의 사용 사례와 용도는 상황에 따라 다릅니다.