localstroage

[심현석]

useEffect(() => {
let 꺼낸거 = localStorage.getItem("watched");
 꺼낸거 = JSON.parse(꺼낸거);
 console.log(꺼낸거);
 꺼낸거.push(찾은상품.id);
// set은 중복 없애주는 함수
// set 으로 중복을 제거한 것들을 다시 array 로 변환시켜줘야함
 꺼낸거 = new Set(꺼낸거);
 꺼낸거 = Array.from(꺼낸거);
 localStorage.setItem("watched", JSON.stringify(꺼낸거));
 }, []);


중복제거를 set 자료형 함수 말고 if문으로 하고싶다면 꺼낸거(array)안에 찾은상품 id가 있냐를 if 문으로 작성해야 될 거 같은데 find/findIndex 함수를 사용하면 될까요 ?

[심현석]

번외로 궁금한게 하나 더 있어서 질문드립니다

App.jsx 에 있는 useEffect(() => {
 localStorage.setItem("watched", JSON.stringify([]));
 }, []);

코드로 인해 로컬스트리지에 있는 데이터들이  페이지 새로고침시  [] 처리되어서 
위에 코드를 지워봤더니 

useEffect(() => {
let 꺼낸거 = localStorage.getItem("watched");
 꺼낸거 = JSON.parse(꺼낸거);
 console.log(꺼낸거);
 꺼낸거.push(찾은상품.id);
// set은 중복 없애주는 함수
// set 으로 중복을 제거한 것들을 다시 array 로 변환시켜줘야함
 꺼낸거 = new Set(꺼낸거);
 꺼낸거 = Array.from(꺼낸거);
 localStorage.setItem("watched", JSON.stringify(꺼낸거));
 }, []);

이 코드로 로컬스트리지에 있는 상품 id 들이 새로고침을 하여도 사라지지 않고 잘 보존됩니다

app.jsx 에 굳이 if문을 이용해 useEffect 를 작성해야 하는 이유가 있을까요 ? 
useEffect 가 없어도 잘 작동해서 궁금해서 여쭤봅니다 !

[codingapple]

findIndex쓰면 array안에있는거 몇번째인지 찾아줍니다
로컬스토리지에 watched항목이 아예 없으면 이상하게 동작하거나 그럴수도요

[글쓴이]

글