로그인 if(localStorage.getItem("user_id") === null){ alert('로그인 후 위시리스트에 등록 해주세요.') navigate('/user/login') } 처음에 상품을 위시리스트에 담기 위해서는 로그인을 하도록 페이지이동을 하였다. 로그인이 되어 있는지 알기 위해서 로컬 스토리지에 로그인한 정보를 담아두었기 때문에 이를 가져온다.
그래서 이 정보가 null이라면 로그인이 되지 않았다는 의미로, 로그인 페이지로 로그인을 하게 하였다. 로그인이 되었다면 바로 상품이 위시리스트에 담기게 하였다.
위시리스트에 담기 axios .post(`http://localhost:3001/wish_list/wish`, { user_no: localStorage.getItem("user_id"), product_no: product.product_no, }) .then((result) => { console.log(result); setHeart(!heart); al...
![[React] react 상품 위시리스트 구현하기](https://blogimgs.pstatic.net/nblog/mylog/post/og_default_image_160610.png)
#
database
#
하트궇ㄴ
#
코딩이란
#
코딩
#
찜한상품
#
찜하기
#
좋아요
#
위시리스트
#
리액트
#
로컬스토리지
#
독학
#
공부
#
wishlist
#
useEffect
#
react
#
localstorage
#
length
#
DB
#
하트클릭
원문 링크 : [React] react 상품 위시리스트 구현하기