브라우저 저장소들의 장점과 단점

제목이 조금 신박해서 들어오신 분들도 있을 것 같아요.

오늘은 브라우저 저장소들에 대해서 조금 말을 해볼까 합니다.

 

제 블로그를 보시는 분들은 혹시 브라우저 저장소에 대해 많이들 알고 계신가요??

 

저는 Cookie, localStorage 정도만 알고 있었는데

알고보니 더 많더라구요 ㄷㄷ;;;

그래서 자세하게는 너무 deep 할 것 같아서

빠르게 장점과 단점 정도만 알려드리려고 합니다.

 

오늘 알려드릴 정보는

localStorage, sessionStorage, IndexedDB 입니다.

 

localStorage

 

localStorage는 웹 브라우저에 영구적으로 데이터를 저장할 수 있는 API입니다.

 

장점으로는

- 데이터 사이즈 제한이 큽니다. (일반적으로 5MB) 대량의 데이터 저장이 가능해요

- 데이터가 암호화되지 않고 저장되므로 보안이 중요하지 않은 데이터에 적합합니다

 

단점으로는

- 모든 웹페이지에서 동일한 localStorage에 접근할 수 있어 보안 문제가 있을 수 있어요

- 데이터가 영구적으로 저장되므로 사용자가 의도하지 않은 데이터가 누적될 수 있어요

 

sessionStorage

 

sessionStorage는 웹 브라우저의 현재 세션 동안만 데이터를 저장할 수 있는 API입니다.

 

장점으로는

- 데이터가 브라우저 세션동안 유지되며, 브라우저가 닫히면 데이터가 삭제됩니다

- 데이터의 사이즈 제한이 커요 (localStorage와 동일) 대량의 데이터 저장이 가능해요

- 데이터가 암호화되지 않고 저장되므로 보안이 중요하지 않은 데이터에 적합해요

 

단점으로는

- 데이터가 브라우저 세션에 한정되어 있어 다른 탭이나 창에서는 접근할 수 없어요

- 데이터가 영구적으로 저장되지 않으므로 세션이 끝나면 데이터가 손실됩니다

 

IndexedDB

 

IndexedDB는 웹 브라우저에 구조화된 데이터를 저장할 수 있는 NoSQL 데이터베이스 API입니다.

 

장점으로는

- 대량의 구조화된 데이터를 저장할 수 있어요 (이론상으로는 제한이 없음)

- 데이터를 키-값 쌍으로 저장하여 빠른 검색이 가능해요

- 트랜잭션 기능을 통해 데이터 무결성을 보장할 수 있어요

- 데이터가 브라우저에 영구적으로 저장됩니다

 

단점으로는

- 사용법이 복잡하고 API가 어려워 구현이 까다로워요

- 데이터가 암호화되지 않고 저장되므로 보안이 중요한 데이터에는 적합하지 않아요

 

이렇게 3가지 정도 알아보았고 다른 저장소도 궁금하시면 댓글 적어주세요.

부족한 부분도 말해주시면 수정하겠습니다.

 

더운 여름 건강 조심하세요