웹브라우저의 캐시 - 로컬스토리지, 세션스토리지, 쿠키 공통점과 차이점

공통점

• 브라우저에 캐싱을 함으로써 서버에 대한 요청을 줄여 서버 부하를 줄일 수 있음

• 캐싱을 통해 다운로드해야 할 콘텐츠가 줄어들어 웹사이트의 콘텐츠를 더 빠르게 로드할 수 있음

  • 브라우저당 동시에 다운로드할 수 있는 콘텐츠의 수는 한정되어 있기 때문에, 캐시를 사용하면 나머지 자료들을 더 빠르게 다운로드할 수 있음

• 사이트 기본 설정 커스터마이징(색상, 글꼴 크기 등)을 저장하거나 로그인 상태를 유지할 때 사용

캐싱이란?

• 웹 페이지의 일부 데이터를 브라우저가 로컬 디스크에 저장해 두는 것을 말함
• 이는 웹 페이지를 다시 방문할 때 필요한 데이터를 서버에서 다시 다운로드하지 않고 로컬에 저장된 데이터를 사용하여 페이지 로딩 속도를 높이고 네트워크 트래픽을 줄이기 위해 사용

공통점과 차이점

특징	로컬스토리지	세션스토리지	쿠키
저장 위치	클라이언트	클라이언트	클라이언트
저장 용량	최대 5MB	최대 5MB	약 4KB
데이터 지속성	브라우저를 닫아도 유지	브라우저를 닫으면 삭제	설정에 따름
접근성	클라이언트에서만 접근 가능	클라이언트에서만 접근 가능	클라이언트 및 서버
접근 범위	오리진	탭	오리진
만료 시점	명시적으로 삭제할 때까지	브라우저 세션 종료 시	설정된 만료 시점
용도	장기적인 데이터 저장	일시적인 데이터 저장	세션 관리, 사용자 추적
보안	비교적 안전 (XSS에 취약)	비교적 안전 (XSS에 취약)	취약 (XSS, CSRF 등)