[코딩애플;React] 로컬스토리지

기본 이론은 자바스크립트 로컬스토리와 비슷함.

https://yunmee0704.tistory.com/72

[코딩애플;JS] localStorage,JSON stringfy, parse(로컬스토리지에서 데이터 수정, 입력, 삭제)

 

📚로컬스토리지에 최근 본 상품 저장하기

    useEffect(()=>{

      let 꺼낸거 = localStorage.getItem('watched')

      꺼낸거 = JSON.parse(꺼낸거)

      꺼낸거.push(찾은상품[id].id)

      localStorage.setItem('watched', JSON.stringify(꺼낸거))

    }, [])

 

📚여러번 같은 페이지 봐도 최근본 상품리스트에 저장되지 않게 하기

useEffect(()=>{

  let 꺼낸거 = localStorage.getItem('watched')

  꺼낸거 = JSON.parse(꺼낸거)

  꺼낸거.push(찾은상품.id)

  //Set으로 바꿨다가 다시 array로 만들기

  꺼낸거 = new Set(꺼낸거)

  꺼낸거 = Array.from(꺼낸거)

  localStorage.setItem('watched', JSON.stringify(꺼낸거))

}, [])

 

*Set 자료형 : 중복을 알아서 제거해주는 array.

*array를 set으로 바꾸려면 new Set(array)

*set을 array로 바꾸려면 Array.from(set자료)