[0] 브라우저 저장 공간

• 브라우저는 비연결성, 비상태성이여서 데이터를 기억하지를 못하는 http 특성을 가지고 있습니다. 그래서 매번 서버에 저장하고 서버에서 클라이언트에게 맞는 정보를 보내주어야 하는데 그렇다면 매번 인증의 과정을 거쳐서 어떤 클라이언트인지 알아야 하는 번거로움이 존재합니다.

• 브라우저의 저장공간에 클라이언트의 정보를 보관하고 서버에 요청을 보낼때 같이 보낸다면 서버에서는 인증과정 필요없이 어떤 사용자인지 판단을 하고 클라이언트에게 맞는 정보를 바로 효율적이게 보낼 수 있습니다.

[1] cookie

• 쿠키는 문자열로된 데이터 저장공간이다.
• 쿠키에는 httpOnly, Samesite, secure, 유효날짜와 만료시간 등 속성이 존재합니다.
• httpOnly : 자바스크립트로 쿠키를 조작하지 못하게 막는 방법
• Samesite : 동일한 도메인에 한해서만 한정적으로 작동을 되게 하는 방법입니다.
• secure : https에서만 전송을 할 수 있게 만드는 속성입니다.

[2] localStorage

• 개인의 브라우저에 데이터를 저장할 수 있는 저장공간

• 사용자가 로컬스토리지를 비우지 않는다면 계속 데이터가 존재한다.

[3] sessionStorage

• 개인의 브라우저에 데이터를 저장할 수 있는 저장공간

• 사용자가 브라우저를 닫는 순간 데이터가 소멸되는 저장공간이다.