78일 차 회고

• 브라우저 저장소 (쿠키,로컬스토리지,세션스토리지)

브라우저 저장소 (쿠키,로컬스토리지,세션스토리지)

브라우저 저장소의 배경

http는 클라이언트가 서버에게 reuqest를 보내고 서버는 클라이언트에 request에 대한 response를 보내고 접속을 종료한다.

그리고 통신이 끝나면 인증에 쓰이는 상태 정보를 유지 하지 않는다는 특징이 있다. 계속해서 통신을 하지 않는다는 점에서 자원 낭비가 줄어 든다는 장점이 있지만, 통신을 할 때 마다 새로 연결을 해서 클라이언트의 정보를 인증 해줘야 한다는 단점도 있다. 이 단점을 보완 하기 위해 사용 하는 것이 브라우저 스토리지 이다.

브라우저 저장소

브라우저 저장소에는 쿠키, 로컬스토리지, 세션스토리지 가 있다. 이는 해당도메인에 대한 데이터를 브라우저에 저장 한다.

쿠키

서버와 클라이언트 간의 지속적인 데이터 교환을 위해 만들어졌기 때문에 서버로 계속 전송한다.
이름, 값 , 도메인정보, 경로정보, 만료일자, 시간의 정보을 전송한다.
모든 브라우저에서 지원을 하지만 매번 서버에 전송이 되고 저장 용량이 작고 보안에 취약하다는 단점이 있다.

저장유형
다시보지 않기 팝업창

웹스토리지 (로커스토리지, 세션스토리지)

HTML5 부터는 쿠키의 단점을 보완해 등장한 웹스토리지를 사용한다.
쿠키와 기능은 유사하지만 서버로 전송 되진 않고 키, 밸류의 형태로 데이터를 저장한다.
웹스토리지는 지속성에 따라 로컬스토리지와 세션스토리지로 구분한다.

1.로컬스토리지

브라우저 자체에 반영구적으로 데이터를 저장하고 브라우저를 종료해도 데이터가 유지된다.

저장유형
자동로그인

2.세션스토리지

탭 윈도우 단위로 생성되고 탭이 닫히면 데이터가 삭제된다.

저장유형
입력폼정보, 비로그인 장바구니