0809 :: 브라우저 저장소 ( 쿠키, 로컬, 세션 ) | 브라우저 저장소 이용해 비회원 장바구니 만들기

박영은·2021년 8월 9일
0
post-thumbnail

브라우저 저장소

1)브라우저 저장소에 저장하는 이유?

: 새로고침을 하거나 브라우저를 닫았다가 다시 열어도 데이터가 사라지지 않음.
( 변수에 저장할 경우 - 브라우저를 열 때 마다 html, css, js를 다시 다운로드 받아서 화면에 새로 그리기 때문에 데이터가 사라짐)



2) 브라우저 저장소의 종류와 특징

1) Cookie : 저장된 데이터가 Backend-API 요청시 쿠키가 함께 보내짐. 로그인 토큰 등을 넣어서 전달 가능.
2) Local Storage : 브라우저를 껐다가 다시 켜도 저장 정보가 남아있음.
*ex) 비회원 장바구니, 오늘 본 상품 보기 등
3) Session Storage : 일시 저장. 브라우저를 껐다가 다시 켜면 저장 정보가 사라짐.



3) 브라우저 저장소 이용하여 비회원 장바구니 만들기.

( 브라우저에 저장하고자 하는 정보를 Query를 이용해 먼저 불러온다. )

profile
Front-end

0개의 댓글

관련 채용 정보