로컬 스토리지(Local Storage), 세션 스토리지(Session Storage), 쿠키(Cookie)는 모두 브라우저 저장소이지만, 각각의 특성과 사용 용도가 다릅니다.
로컬 스토리지(Local Storage):
- 데이터의 영구적인 보관을 지원합니다.
- 브라우저마다 저장할 수 있는 데이터의 크기가 다르며, 일반적으로 5MB 이상의 데이터를 저장할 수 있습니다.
- 클라이언트 측에서 JavaScript를 사용하여 데이터를 읽고 쓸 수 있습니다.
- 웹 애플리케이션에서 사용자 데이터, 설정 정보, 캐싱된 데이터 등을 저장하기에 적합합니다.
세션 스토리지(Session Storage):
- 데이터가 브라우저 창이 열려 있는 동안에만 유효합니다. 브라우저 창이 닫히면 세션 스토리지에 저장된 데이터는 삭제됩니다.
- 로컬 스토리지와 마찬가지로 브라우저마다 저장할 수 있는 데이터의 크기가 다르며, 일반적으로 5MB 이상의 데이터를 저장할 수 있습니다.
- 로컬 스토리지와 마찬가지로 JavaScript를 사용하여 데이터를 읽고 쓸 수 있습니다.
- 웹 애플리케이션에서 일시적인 데이터를 저장하기에 적합합니다.
쿠키(Cookie):
- 클라이언트 측에서 데이터를 저장하는 방법으로, 서버 측에서 생성되어 클라이언트 측에 전송됩니다.
- 쿠키는 만료 날짜를 지정할 수 있으며, 만료 날짜가 지나면 자동으로 삭제됩니다.
- 일반적으로 4KB 이하의 데이터를 저장할 수 있습니다.
- 웹 애플리케이션에서 로그인 정보, 쇼핑몰에서의 장바구니 등을 저장하기에 적합합니다.
쿠키는 보안에 취약하고, 데이터 용량이 작아서 적은 양의 정보만 저장 가능합니다. 반면에 로컬 스토리지와 세션 스토리지는 보안이 더욱 강화되어 있고, 데이터 용량이 크기 때문에 대용량 데이터의 저장이 가능합니다. 따라서, 각각의 특성에 맞게 적절히 사용하는 것이 중요합니다.
'CS' 카테고리의 다른 글
배열, 객체를 const 로 선언했는데 요소, 속성을 추가할 수 있는 이유 (0) | 2023.04.04 |
---|---|
require와 import차이점 (0) | 2023.04.04 |
this 가 동작하는 원리와 용법 (0) | 2023.03.31 |
Position의 사용방법 (0) | 2023.03.30 |
HTTP와 HTTP 메세지구조 (0) | 2023.03.30 |