로컬스토리지 ★★★

로컬 스토리지(Local Storage)는 웹 브라우저에서 제공하는 클라이언트 측 웹 스토리지 메커니즘 중 하나로, 웹 애플리케이션에서 데이터를 로컬에 저장하는 데 사용됩니다. 이것은 사용자의 브라우저 내에서 데이터를 지속적으로 보관하고 관리할 수 있게 해주며, 쿠키(Cookies)와 비교했을 때 더 많은 데이터를 저장할 수 있고, 서버로 데이터를 전송하지 않으므로 네트워크 트래픽을 줄일 수 있습니다.

 

주요 특징:

• 용량 제한: 로컬 스토리지는 보통 5MB에서 10MB 사이의 용량을 가지고 있습니다. 이는 브라우저마다 다를 수 있으며, 더 많은 용량을 요청하면 사용자에게 권한을 요청하는 메시지가 나타날 수 있습니다.
• 도메인 별로 격리: 로컬 스토리지는 도메인 별로 격리되어 있습니다. 즉, 동일한 도메인 내에서만 데이터를 공유할 수 있으며, 다른 도메인의 로컬 스토리지에 접근할 수 없습니다.
• 간단한 키-값 저장: 로컬 스토리지는 주로 키-값(key-value) 쌍으로 데이터를 저장합니다. 데이터를 저장하고 검색하기 쉽습니다.

 

사용 방법:

로컬 스토리지는 JavaScript를 사용하여 다음과 같이 사용할 수 있습니다:

 

데이터 저장:

// 데이터 저장
localStorage.setItem('username', 'john_doe');

 

데이터 검색 :

// 데이터 검색
const username = localStorage.getItem('username');

 

데이터 삭제 :

// 데이터 삭제
localStorage.removeItem('username');

 

모든 데이터 삭제 :

// 모든 데이터 삭제
localStorage.clear();

 

주의사항:

• 용량 제한: 로컬 스토리지의 용량은 제한되어 있으므로 너무 많은 데이터를 저장하면 용량 초과 오류가 발생할 수 있습니다.
• 보안: 로컬 스토리지에 저장된 데이터는 사용자의 브라우저에서 관리되므로 민감한 정보(비밀번호, 토큰 등)를 저장하는 데 주의해야 합니다. 민감한 정보는 서버 측에 안전하게 저장되어야 합니다.
• 브라우저 지원: 대부분의 현대적인 웹 브라우저에서 로컬 스토리지를 지원하지만, 오래된 브라우저에서는 지원되지 않을 수 있으므로 사용 전 브라우저 호환성을 확인해야 합니다.