<aside> 💡 목차

</aside>

1. 로컬 스토리지의 정의

웹 브라우저가 제공하는 저장 공간

• 사용자의 컴퓨터에 영구적으로 데이터를 저장 가능
• HTML5 웹 스토리지 사양의 일부로 도입, 쿠키의 한계를 극복하고 더 큰 저장 용량과 더 나은 보안을 제공
• 로컬 스토리지를 통해 저장된 데이터는 서버에 자동으로 전송되지 않으며, 웹 페이지가 로컬 데이터를 직접 제어 가능

2. 로컬 스토리지의 용도

1) 사용자 경험 개선

• 로컬 스토리지는 사용자의 기본 설정, 테마 선택, 언어 설정 등을 저장하여 , 다음 방문 때 웹사이트가 이 설정들을 기억하도록 지정

2) 상태 유지

• 웹 어플리케이션에서 사용자의 세션 정보나 로그인 상태를 관리할 수 있어, 브라우저를 종료 후 재접속했을 때도 이전 상태를 유지 가능

3) 오프라인 데이터 저장

• 네트워크 연결이 끊겨도 접근 가능한 정보를 저장함으로써, 오프라인 기능을 제공하는 애플리케이션에서 활용

4) 성능 향상

• 서버 요청 없이 로컬에서 데이터를 빠르게 불러올 수 있어, 웹 애플리케이션의 반응 속도와 효율성을 향상

3. 로컬 스토리지의 장점

1) 대용량 저장

• 로컬 스토리지는 약 5MB의 데이터를 저장 가능
• 쿠키의 4KB 제한에 비해 훨씬 큰 용량을 제공

2) 간단한 API