6주차 2일

로컬스토리지, 세션스토리지 : 브라우저 저장소

• 쿠키 : 백엔드로 보낼수도 있고 백엔드에서 쿠키로 데이터를 담아서 보낼 수도 있음.
  백엔드와 브라우저간에 데이터를 주고받는 역할을 함. 옵션많음(보안관련)

api말고도 쿠키를 가지고올 수 있음 document.cookie

주로 로컬스토리지, 세션스토리지, 쿠키를 사용 함

비회원 장바구니 구현 : 로컬스토리지에 배열형태로 다수의 객체를 저장 함.
[{마우스}, {키보드}, {모니터}] <= 이런식

원본을 훼손하는 메소드는 좋은 메소드가 아니기때문에, 객체에서 요소를 삭제할 때는 delete 말고 다른방법을 사용함

profile = {name: "이름", age: 12, school: "학교"}

const {age, ...rest} = profile2

cosnole.log(age) // 12
console.log(profile) // {name: "이름", school: "학교"}

-> 제거하고 싶은 항목을 구조분해 할당을 이용해 삭제하고 싶은 항목을 제외한 나머지 요소들을 가지고올 수 있다.

JSON.stringify <-> JSON.parse

-> 문자열화(stringify), 객체화(parse)