브라우저 저장소

브라우저 저장소

• Cookie : 서버에 보낼 때 주로 사용(서버에 보내고 받는 모든 API에 쿠키가 따라다님)

• LocalStorage : 브라우저를 껐다 키거나 새탭을 열어도 정보가 남아있지만 쿠키처럼 서버에 보낼때 따라가지 않음

• SessionStorage : 같은사이트 내에서 페이지 이동을 제외하고 브라우저를 껐다 키거나 새탭을 열면 정보가 사라짐

  스토리지에 저장

  

  저장된 내용 호출

  

  비회원 장바구니 담기

  'baskets'라는 key로 상품의 객체를 저장하고자 할때
  기존방식으로 하면 여러객체들이 object라는 문자열로 저장이 된다.

  따라서, JSON.stringify로 el을 문자열로 바꿔주고 넣어줘야 객체로 들어가게된다.

  여기서, 여러 상품을 선택하면 여러개의 객체가 들어가야 하는데 기존 상품이 선택한 상품으로 대체된다.
  따라서, baskets라는 배열을 만들고 el을 push해서 만들어진 baskets를 localStorage에 넣어준다.
  그리고 || 연산자를 이용해 기존값이 있으면 기존값에 추가하도록 만들어준다.

  

  장바구니 중복 불허

  isExists : 스위치 변수

• 지금 선택한 el._id와 기존에있던 baskets._id와 비교해서 같은것이 있으면 isExists를 true로 바꿈