Cookie vs localStorage

안녕하세요.

오늘은 Cookie와 localStorage에 대해 알아보도록 하겠습니다.

 

아이디 저장하기, 일주일동안 팝업 그만보기 기능을 구현할 때 Cookie와 Local Storage 중 무엇을 사용하는 것이 좋을까요?

먼저, Cookie와 Local Storage에 대해서 알아봅시다.

 

Cookie   자세히

서버가 사용자의 웹 브라우저에 전송하는 데이터이다.

특징 : 모든 request마다 쿠키가 함께 전송되어 성능 저하의 원인이 될 수 있다.
        만료일 혹은 지속시간(duration)도 명시할 수 있다.

 

localStorage   자세히

Web Storage API 중 하나로, 브라우저에 키/값 쌍을 직관적으로 저장할 수 있는 방법이다.

특징 : 유효기간 없이 데이터를 저장하며, JavaScript를 사용하거나 브라우저 캐시 또는 로컬 저장 데이터를 지워야만 사라진다.
저장한 자료는 페이지 프로토콜별로 구분한다.
저장공간이 크다 (약 5MB)

 

아이디 저장하기 기능의 경우, 지속 시간을 명시할 필요가 없고, 굳이 server에 보내지 않아도 되는 값입니다. 

따라서 저는 아이디 저장하기 기능은 localStorage를 이용하여 구현하였습니다.

 

반면 일주일 동안 팝업 그만보기 기능은 만료 기간을 설정해야 하기 때문에 Cookie를 사용하였습니다. 

 

궁금하거나 의견이 있으시면 댓글 남겨주세요!