JavaScript 쿠키(Cookie)는 사용자 정보를 브라우저에 저장하는 대표적인 방식이지만, 무제한으로 데이터를 담을 수는 없습니다. 브라우저마다 저장할 수 있는 쿠키의 최대 개수와 쿠키 하나당 최대 크기가 정해져 있으며, 이 한도를 초과하면 기존 쿠키가 삭제되거나 새로운 쿠키가 저장되지 않을 수 있습니다.
브라우저별 쿠키 저장 한도
주요 웹 브라우저에서 허용하는 쿠키 저장 한도는 다음과 같습니다.
| 웹 브라우저 | 최대 쿠키 수 | 쿠키당 최대 크기 |
| Google Chrome | 180개 | 4096바이트(약 4KB) |
| Firefox | 150개 | 4097바이트(약 4KB) |
| Opera | 180개 | 4096바이트(약 4KB) |
| Android | 50개 | 4096바이트(약 4KB) |
쿠키 사용 시 유의할 점
대부분의 브라우저에서 쿠키 하나의 크기는 약 4KB로 제한됩니다. 이는 쿠키의 이름, 값, 만료일 등 모든 속성을 포함한 전체 크기 기준입니다. 또한 도메인당 저장할 수 있는 쿠키 개수에도 제한이 있으므로, 불필요한 쿠키를 남발하기보다는 꼭 필요한 최소한의 데이터만 저장하는 것이 좋습니다.
더 많은 데이터를 저장해야 한다면?
쿠키보다 많은 데이터를 클라이언트 측에 저장해야 한다면 localStorage(약 5~10MB), sessionStorage, IndexedDB 같은 웹 스토리지 API를 활용하는 것이 효율적입니다. 쿠키는 매 HTTP 요청마다 서버로 함께 전송되기 때문에, 큰 데이터를 저장하면 네트워크 부하와 성능 저하의 원인이 될 수 있습니다.