[React] 9일차 일기

오늘은 localstorage에 데이터 저장하는거 공부했는데 이거는 바닐라 자바스크립트할 때도 공부했던거라 수월하긴 했는데 예제 혼자 공부하는데 좀 애를 먹었다. 바닐라 자스도 다시 제대로 공부해야겠구만..

 

1. localstorage로 반영구적인 데이터 저장이 가능하다.

 

2. localStorage.setItem('key', 'value') : 데이터 저장

 

3. localStorage.getItem('key') : 데이터 출력

 

4. localStorage.removeItem('key') 데이터 삭제

 

5. 로컬스토리지에 데이터를 수정하려면 데이터를 꺼내서 수정하고 다시 저장하면 됨.

 

6. 로컬스토리지는 문자만 저장할 수 있기 때문에 array나 object자료로 저장하려면 json으로 바꿔야함.

 

7. array나 object를 json으로 변환하는 법 : JSON. stringify()

 

8. JSON을 array나 object로 변환하는 법 : JSON.parse()

 

9. 로컬스토리지에 자료 추가하는 법 : 데이터 수정하면 됨. 꺼내서 .push같은거 쓰면 추가됨.

 

10. set 자료형쓰면 array에서 중복 허가 안함. array를 set자료형으로 만들고 다시 array로 만들면 됨.

 

11. new Set(arr) -> Array.from(arr)