localStorage와 sessionStorage에 문자열 데이터를 저장합니다.
localStorage는 같은 origin에서 브라우저를 닫아도 유지되고 sessionStorage는 해당 탭 세션 동안 유지됩니다. 객체는 JSON.stringify로 저장하고 JSON.parse로 복원합니다. 저장 공간 접근은 개인정보 보호 설정이나 sandbox 정책에 의해 거부될 수 있으므로 예외를 처리해야 합니다.
Web Storage은 JavaScript가 브라우저 기능을 호출하고 결과와 실패를 처리하는 강좌입니다. 먼저 변수, 함수, 이벤트, DOM 기초를 익힌 뒤 학습하세요.
먼저 현재 결과를 확인한 뒤 일반 same-origin 페이지와 보안 sandbox에서 저장 가능 여부가 어떻게 달라지는지 확인하세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
토큰, 비밀번호, 민감한 개인정보를 Web Storage에 보관하면 스크립트 공격에 노출될 수 있습니다. 저장 용량도 제한적이며 서버 데이터베이스를 대신하지 않습니다.
직접 바꿔보세요일반 same-origin 페이지와 보안 sandbox에서 저장 가능 여부가 어떻게 달라지는지 확인하세요.