[예상 면접 질문] 로컬 스토리지, 세션스토리지, 쿠키

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

• HTML 5에 추가 된 저장소로 간단한 키와 값을 저장 할 수 있다.(key-value storage)
• 차이점으로는 영구성을 들 수 있다.
  • 로컬스토리지의 경우 사용자가 직접 제거하려 하지 않는 이상 유지된다. (자동 로그인)
  • 세션스토리지의 경우 브라우저 탭이 종료될 때 제거 (일회성 로그인)
• 주의 사항으로는 브라우저에 저장되는 값이기 때문에 비밀번호 같은 보안 이슈가 있는 정보는 절대 저장하지 않는다.

쿠키

• 쿠키도 브라우저의 저장소 역할을 한다.
• 쿠키는 만료기간이 존재하는 저장소로 생각한다.
• document.cookie를 통해 쿠키 정보에 접근이 가능하다.
• cookie의 경우 http 요청을 누가 보냈는지 구분을 해주며 클라이언트와 서버간의 지속적인 데이터 교환을 위해 서버로 계속 전송된다.

indexedDB

• 쿠키, 로컬스토리지, 세션스토리지 보다 더 많은양의 데이터를 저장 할 수 있다.
• 서버와 통신하지않고 많은용량의 데이터를 저장하지 않고 브라우저단에서 사용가능한 db이다 (50mb)