1. LocalStorage에 값 설정하기
localStorage.setItem('데이터이름', '데이터');
2. LocalStorage에 있는 값 가져오기
localStorage.getItem('데이터이름');
3. LocalStorage에 있는 값 제거하기
localStorage.removeItem('데이터이름')
4. LocalStorage에 객체 저장하기
// 객체 설정하기
localStorage.setItem('shoes', JSON.stringify(data)); // 객체를 문자열로 만들기
// 객체 가져오기
let shoesData = localStorage.getItem('shoes');
console.log(JSON.parse(shoesData)); // 파싱해서 객체로 다시 만들기
5. 중복값 제거한 후 저장하기
useEffect(() => {
let watchedData = localStorage.getItem('watched');
watchedData = JSON.parse(watchedData);
watchedData.push(shoe.id);
watchedData = new Set(watchedData); // 중복 제거
watchedData = [...watchedData]; // 배열로 변환
console.log(watchedData);
localStorage.setItem('watched', JSON.stringify(watchedData));
}, []);