Cookie, Local Storage, Session Storage

브라우저 스토어

• Cookie, Local Storage, Session Storage는 모두 클라이언트 쪽 스토리지이다.

Local Storage

• 웹 브라우저에 키-값 형태로 클라이언트 컴퓨터에 데이터를 저장하는 방식
• 데이터는 의도적으로 삭제하지 않는 한 영원히 로컬 저장소에 저장
• 사용차가 웹브라우저를 종료하거나, 탭을 닫아도 데이터가 삭제되지 않음
• 수동으로 서버에 데이터를 보내지 않는 이상 데이터를 서버에서 읽을 수 없다.
• setItem() 메서드를 사용하여 데이터 설정
• getItem() 메서드를 이용하여 데이터 조회
• removeItem() 메서드를 이용하여 데이터 삭제

Session Storage

• 로컬 스토리지와 유사하나 데이터 지속기간이 웹브라우저 세션(탭)에 속해있다.
• 탭을 닫거나 종료시, 데이터가 손실된다.
• setItem() 메서드를 사용하여 데이터 설정
• getItem() 메서드를 이용하여 데이터 조회

Cookie

• 클라이언트 데이터 저장방식
• 사용자에게 개인화된 데이터를 저장
• 서버에 요청시, 요청과 쿠키가 같이 전송되고 클라이언트로 돌아옴
• Max-age와 같은 설정을 이용하면 세션쿠키로 만들 수 있음(데이터 저장 지속 기간)