Cookie vs Session vs Local Storage 간략 비교

1. Cookie

• 후속 요청으로 서버로 다시 보내야하는 데이터를 저장한다. 만료는 유형에 따라 다르며 만료 기간은 서버 측 또는 클라이언트 측 (일반적으로 서버 측)에서 설정할 수 있다.
• 쿠키는 주로 서버 측에서 읽기(클라이언트 측에서 읽을 수도 있음) 위한 것이며, Local Storage 및 Session Storage는 클라이언트 측에서만 읽을 수 있다.
• 크기는 4KB보다 작아야 한다.
• 해당 쿠키에 대해 httpOnly 플래그를 true로 설정하여 쿠키를 안전하게 만들 수 있다. 이렇게하면 쿠키에 대한 클라이언트 측 액세스가 차단된다.

2. Local Storage

• 만료일이 없는 데이터를 저장하고 JavaScript를 통해서만 지워진다.
• 저장 용량 한도는 3가지 중에서 가장 높다.

3. Session Storage

• Session Storage 객체는 세션에 대해서만 데이터를 저장한다. 즉, 브라우저 또는 탭이 닫힐 때까지만 데이터가 저장된다.
• 데이터는 서버로 전송되지 않는다.
• 저장 용량 한도가 쿠키보다 크다(최소 5MB).