코드캠프 26일차

브라우저 저장소에 임시저장하는 공간(오늘 본 상품)
웹 에디터
결제 프로세스
지도(카카오맵, 구글맵, 네이버맵) 우리는 카카오맵 사용!

const child={
    name: "철수",
    age: 8,
    school: "다람쥐초등학교",
    money: 2000,
    hobby: "수영"
}

money와 hobby를 지우고 싶을 때?

delete child.money
delete child.hobby

그러나 원본이 변경되기 때문에 좋은 방법이 아니다!

const { money, hobby, ...rest } = child

// rest
{name: "철수", age: 8, school: "다람쥐초등학교"}

브라우저 저장소

브라우저에 임시에 저장할 수 있는 저장소가 로컬스토리지, 세션스토리지, 쿠키 등이 있다. 기본적으로 로컬스토리지에 모두 넣고 로컬스토리지에 있는 데이터가 백엔드에 저장되도록 한다.

state에 변수를 넣는데 새로고침할 때마다 state가 사라지는 현상을 막기위해 state를 로컬스토리지에 넣어주었다.

로컬스토리지와 비슷하지만 세션스토리지는 브라우저를 껐다 켜면 내용이 사라진다.

(념념긋)
자동적으로 request.header부분에 첨가되어 저장된다. 쿠키에 너무 많은 것이 담기면 좋지 않다. 서버와 통신하는 데이터들을 가져올 때 사용 -> refreshToken

쿠키를 꺼내오는 방법 2가지
키/값으로 나눠서 꺼내주는 라이브러리를 사용해준다
(편리하지만 라이브러리의 종류가 많아지면 충돌 가능성이 있고 용량이 커지기 때문에 좋지 않다)
string기준으로 =으로 나누어 가져온다 -> util로 만들어서 사용하기!