React 동적 UI - part6

도서 상세 화면 요구 사항

1. 각 도서 상세 정보를 노출
   useParams와 커스텀 훅 useBook(bookId)로 API에서 책 데이터를 불러옴

   현재 왜인지 404에러가 나옴, react.static이 문제인가 싶어 지웠지만 여전히 book.id가 0으로 바뀌면서 없는 아이디를 불러옴

2. 좋아요 버튼을 클릭시 좋아요 또는 취소 기능
   useBook에서 로그인 여부(useAuthStore) 확인 → 미로그인 시 useAlert 띄움
   book.liked 상태에 따라 likeBook 혹은 unlikeBook API 호출
   성공 시 setBook()으로 UI상 liked 플래그와 likes 카운트를 즉시 갱신
   버튼 컴포넌트 생성

3. 수량을 입력하여 장바구니 담기
   수량 입력 컴포넌트(src/components/book/AddToCart.tsx)에서 onClick 호출
   addCart({ book_id, quantity }) API 요청
   성공 시 cartAdded 플래그를 true로 설정 → 3초 뒤 다시 false로 리셋