[React] TIL 0516 - Local Storage, useReducer

부모 → 자식 컴포넌트로 ref를 넘겨줄 때는 1개 밖에 내려주지 못함

그래서 forwardRef로 묶어서 보내준다.

다른 방법으로는 함수의 인수로 넘겨줄 수 있다.

Props 넘길 때 꼭! 중괄호 안으로 넘기기!!

<Button>
  <Button>text</Button>
</Button>
which is not good. Because valid html does not support buttons within buttons... so what you want is most likely to be something like:

<div>
  <Button>text</Button>
</div>

LocalStorage에 데이터 저장

데이터를 임시로 웹 브라우저에 저장할 수 있음, 기본적으로 문자열만 받을 수 있음

데이터를 저장할 때는 JSON.stringify()로 json화 시켜주고,

데이터를 불러올 때는 JSON.parse()로 객체화 시켜줘야함!

• LocalStorage → 브라우저를 닫아도 저장됨
• SessionStorage → 브라우저를 닫으면 없어짐

메서드
- .getItem() → 로컬스토리지에서 데이터를 가져옴
- .setItem() → 로컬스토리지에 데이터를 저장

데이터 저장하기

localStorage.setItem(‘Key’,’Value’)

JSON.parse → json 형태의 파일을 object 형태로 변환해줌

JSON.stringify → object 형태의 파일을 json 형태로 변환해줌