Local Storage의 길이 제한은 얼마인가요?

로컬 스토리지 용량 제한: 도메인당 5MB

웹 브라우저에서 로컬 스토리지 용량 제한은 보통 도메인당 약 5MB로 알려져 있습니다. 이 제한은 웹 애플리케이션에서 데이터를 저장할 때 중요한 기준이 되며, 효율적인 데이터 관리가 필요합니다.

로컬 스토리지의 길이 제한과 기본 이해

로컬 스토리지(Local Storage)의 로컬 스토리지 용량 제한은 도메인당 약 5MB입니다. 이 제한은 웹 개발자가 브라우저 내에서 데이터를 관리할 때 반드시 고려해야 할 핵심 요소입니다.

대부분의 현대적인 웹 브라우저들은 도메인별로 이 5MB라는 공간을 할당합니다. 생각보다 넉넉해 보이지만 - 실제로는 텍스트 데이터만 저장할 수 있다는 제약 때문에 - localStorage 용량이 금방 차오를 수 있습니다.

왜 5MB라는 제한이 존재하는 걸까?

브라우저 제조사들은 보안과 성능을 위해 이 제한을 설정했습니다. 무분별한 데이터 저장으로 인해 사용자의 컴퓨터 성능이 저하되는 것을 방지하기 위함입니다. 웹 스토리지 최대 크기는 단순한 설정값이나 사용자 데이터 저장에는 충분한 양이지만, 고해상도 이미지 데이터 등을 담기에는 부족한 크기입니다.

로컬 스토리지를 사용할 때의 주의사항

로컬 스토리지는 데이터를 문자열(String) 형태로만 저장할 수 있습니다. 그래서 객체나 배열을 저장할 때 반드시 JSON.stringify()를 거쳐야 하는데, 이 과정에서 용량이 다소 커질 수 있습니다. 꼼꼼한 관리가 필요합니다.

동기식 처리 방식의 함정

이 기능은 메인 스레드에서 동기 방식으로 작동합니다. 즉, 데이터를 읽거나 쓸 때 웹 페이지의 다른 작업들이 잠시 멈출 수 있습니다. 많은 양의 데이터를 자주 저장하면 사용자 경험이 떨어질 수밖에 없습니다.

데이터 용량이 5MB를 초과한다면?

로컬 스토리지의 한계를 체감한다면 IndexedDB 사용을 고려해야 합니다. IndexedDB는 훨씬 더 큰 용량을 지원하며, 비동기 방식으로 작동하여 대용량 데이터를 처리할 때 웹 성능을 보호합니다.

인덱싱 기능을 제공하기 때문에 검색 속도 또한 빠릅니다. 처음에는 조금 어렵게 느껴질 수 있지만 - 실제 구현해보면 브라우저 로컬 스토리지 제한을 훌륭하게 극복할 수 있습니다 - 로컬 스토리지 5MB라는 한계를 넘어 대규모 프로젝트에서는 필수적인 기술입니다.

웹 저장소 기술 비교

로컬 스토리지

도메인당 약 5MB

간단한 사용자 설정 저장

동기식 (메인 스레드 점유)

IndexedDB

디스크 용량에 따라 매우 큼

대규모 구조적 데이터 관리

비동기식 (성능에 유리)

민수의 웹 애플리케이션 최적화 사례

민수는 고객들의 쇼핑 내역을 로컬 스토리지에 저장하는 웹 서비스를 개발했습니다. 초기에는 잘 작동했지만, 데이터가 쌓이면서 브라우저가 자주 멈추는 현상이 발생했습니다.

알고 보니 민수의 코드는 반복적으로 JSON 데이터를 5MB 한계까지 계속 쓰고 지우고 있었습니다. 성능 저하의 주원인이었죠.

처음에는 단순히 로컬 스토리지를 비우는 로직을 추가했지만 해결되지 않았습니다. 민수는 며칠간 고민 끝에 핵심적인 데이터만 남기고 대용량은 IndexedDB로 옮기기로 했습니다.

결과적으로 페이지 로딩 속도는 80% 이상 빨라졌고, 사용자 불만도 사라졌습니다. 기술 선택이 얼마나 중요한지 깨달은 경험이었습니다.