Feature/cart

[yoo94]

제목 : feat(31): 장바구니 서버액션 구현

🔘Part

• [x] FE

🔎 작업 내용

크게 2가지 구현되었습니다.ㅣ

• 이전에 zustand에서 persist 미들웨어로 localsotrage로 돌아가던 로직을 걷어내고 cart-action 서버액션을 만들어 zustand에서 관리하도록 변경하였습니다. 기능은 이전에 돌아가던것과 같습니다.

• 하는김에 loading-spinner 구현하였습니다. 비동기로 돌아갈때 응답이 살짝 느리거나 반복문으로 호출해야하는 부분이 있었습니다. (ex. 상품 전체삭제 : 이 경우에 상품삭제 api만 제공되어 반복문으로 호출해 사용자가 보기에 좋지않은 부분이 있는것같아서 추가했습니다. ) 예제말고도 장바구니 추가에도 적용하였습니다.

  • 만약에 로딩스피너 사용해서 비동기 호출하고 싶으면 const withLoading = useWithLoading(); withLoading 이걸로 감싸면 됩니다.

이미지 첨부

🔧 앞으로의 과제

• ui단을 제어하는건 next 서버에서 불가능하다고하여 만들었는데, 뭔가 더 컴팩트하게 할 수 있는 방법이 없나.. 고민이 됩니다. 리팩토링을 많이 해야할거같습니다.

• 좀더 깔끔하게 하는 방법같은거 있으시면 공유공유 부탁드립니다.