[FE] 브라우저 저장소(LocalStorage, SessionStorage, Cookie)

브라우저에는 크게 3가지 저장소가 있음

LocalStorage, SessionStorage, Cookie

LocalStorage

클라이언트 측에서 데이터를 저장하는 데 사용됩니다.
저장한 데이터는 서버나 브라우저가 닫혀도 유지됩니다.
저장할 수 있는 데이터의 크기는 보통 5MB 정도입니다.
모든 페이지에서 접근할 수 있습니다.
주로 사용자가 설정한 데이터나 인증 토큰 등을 저장하는 데 사용됩니다.

JWT같은 인증토큰이나 다크모드 설정값 등을 저장함

SessionStorage

LocalStorage와 유사하지만, 데이터가 브라우저 세션에만 유지됩니다. 즉, 브라우저를 닫으면 데이터가 사라집니다.
LocalStorage와 마찬가지로 5MB 정도의 데이터를 저장할 수 있습니다.
모든 페이지에서 접근할 수 있습니다.
일시적인 데이터나 로그인 정보 등을 저장하는 데 사용됩니다.

여기에 저장해놓고 사용해본적은 없는듯

Cookie

서버와 클라이언트 간에 데이터를 주고받을 때 사용됩니다.
저장된 데이터는 클라이언트 측에서만 유지되며, 만료 기간을 설정할 수 있습니다.
저장할 수 있는 데이터의 크기는 보통 4KB 정도입니다.
모든 페이지에서 접근할 수 있습니다.
로그인 상태나 쇼핑 카트 등을 유지하는 데 사용됩니다.