로컬 스토리지 vs 세션 스토리지 vs 쿠키

로컬 스토리지(LocalStorage)

• 저장되는 데이터의 만료 기간이 없다.
• 웹페이지를 닫아도 저장된 데이터는 삭제되지 않는다.
• 자바스크립트로 삭제하거나 브라우저 캐시 / 로컬 저장된 데이터를 클리어하여 삭제해야 한다.
• 저장할 수 있는 공간은 세션 스토리지, 쿠키보다 크다.
• 클라이언트에서만 사용할 수 있다.

세션 스토리지(SessionStorage)

• 저장되는 데이터의 만료 기간이 있다.
• 웹페이지를 닫으면 저장된 데이터는 삭제된다.(세션이 끝나면 삭제된다)
• 저장할 수 있는 공간은 쿠키보다 크다.(최소 5MB)
• 클라이언트에서만 사용할 수 있다.

쿠키(Cookie)

• 만료 기간이 있으며 이는 서버 또는 클라이언트에서 설정할 수 있다.(보통 서버에서 설정한다)
• 주로 서버로 전송해야할 데이터를 저장한다.
• 저장할 수있는 공간은 쿠키당 4096자(4KB)으로 제한된다.
• 클라이언트뿐만 아니라 서버에서도 사용할 수 있다.
• 쿠키에 httpOnly 플래그를 설정하여 쿠키의 보안을 높일 수 있다. 이는 쿠키에 대한 클라이언트의 접근을 차단한다.