Cookie, Web Storage (2)

Cookie

• HTTP의 무상태성에서 오는 불편함을 해결하기 위해 사용
• 매 요청마다 계속해서 서버로 같이 전송
• 사용자 정보가 브라우저에 저장되어 공격당할 시 위, 변조의 가능성 높음

Web Storage

Local Storage

• window.localStorage에 존재
• key와 value로 값을 저장해주는 객체의 형태
• 기본 동작

localStorage.setItem('myName', 'sangmin');
localStorage.getItem('myName'); // sangmin

localStorage.removeItem('myName');
localStorage.getItem('myName'); // null (삭제되었기 때문)

localStorage.clear(); // 전체 삭제

• 값을 따로 제거하지 않으면 계속해서 영구적으로 브라우저의 Local Storage에 남아있음

Session Storage

• 동작은 Local Storage의 사용법과 동일
• 브라우저를 종료하거나 윈도우를 종료할 경우 값이 사라지는 특성

참고자료
https://velog.io/@sangminnn/%EB%B6%80%EB%A1%9D-Cookie-Web-Storage