브라우저 저장소에는 주로 세 가지 기술이 사용됩니다.
Local Storage (로컬 스토리지)
- HTML5 Web Storage의 한 부분으로, 클라이언트 측에서 데이터를 저장할 수 있는 기능을 제공합니다.
- 영구적인 데이터 저장을 위해 사용되며, 데이터는 사용자가 직접 삭제하지 않는 한 저장됩니다.
- 저장 용량이 쿠키보다 크며 대략 5MB ~ 10MB 정도의 용량을 가집니다 (브라우저마다 다름)
- 서버에 데이터가 전송되지 않으므로, 초당 요청 수를 줄일 수 있습니다.
Session Storage (세션 스토리지)
- HTML5 Web Storage의 한 부분으로, Local Storage와 같은 인터페이스를 제공합니다.
- 각 브라우저의 탭/윈도우별로 독립적인 저장 공간을 제공합니다.
- 세션 종료 시 (브라우저 탭/윈도우가 닫힘) 데이터가 자동으로 삭제됩니다.
- 저장 용량이 Local Storage와 비슷하게 5MB ~ 10MB 정도입니다 (브라우저마다 다름)
쿠키 (Cookie)
- 원래 클라이언트에서 사용자의 상태를 추적하기 위해 서버가 생성한 작은 텍스트 파일입니다.
- 각 요청과 함께 서버로 전송되며, 사용자 인증, 세션 관리 등의 용도로 사용됩니다.
- 만료 기간을 설정하여 영구적 혹은 일시적으로 데이터를 저장할 수 있습니다.
- 대부분의 브라우저에서 약 4KB로 제한되어 있어, 저장 용량이 Local Storage와 Session Storage에 비해 작습니다.
- 보안에 취약한 점이 있어, 중요한 정보를 저장하기에는 적합하지 않습니다.
총정리하면, Local Storage와 Session Storage는 클라이언트 측에서 사용되는 HTML5 Web Storage의 구성요소이며, 서버와의 통신이 없습니다. 이에 반해 쿠키는 서버와 클라이언트 간에 데이터를 주고받을 때 사용하며 저장 용량이 상대적으로 작습니다.
'면접준비' 카테고리의 다른 글
| 배열, 객체를 const로 선언했는데 요소나 속성을 추가할 수 있는 이유에 대해서 설명해주세요 (0) | 2023.07.26 |
|---|---|
| require와 import차이점을 설명 (0) | 2023.07.26 |
| this 가 동작하는 원리와 용법 (0) | 2023.07.25 |
| HTTP에 대해 설명, HTTP 메세지 구조에 대해 설명 (0) | 2023.07.24 |
| position 을 어떻게 사용하는지 (0) | 2023.07.24 |