TIL-66 React 비회원 장바구니 구현

우선 비회원 장바구니를 구현할때 로컬 스토리지를 사용하려고했다.

let cart = localStorage.getItem('cart');
  let item = { ...choice, options: [] };

  if (cart === null) {
    localStorage.setItem('cart', JSON.stringify(item));
  } else {
    cart = cart && JSON.parse(cart);
    const qwe = cart as unknown as (
      | CartItemWithOption
      | CartItemWithoutOption
    )[];
    localStorage.setItem('cart', JSON.stringify([...[cart], item].flat()));
  }

처음에는 그냥 로컬스토리지에 담아서 장바구니에서 다시 받으면 되겠지 하고 개발을 했는데 막상 구현하다 보니 로컬스토리지에 담아서 장바구니 페이지에서 다시 받기가 까다로웠다. 원래 백엔드에서 중복에 관한 부분도 처리를 해줬는데 이제는 프론트단에서도 중복 처리를 해야 한다니...🥲