[Library Management System] 25.10.18 (67일) | (구현) 공용 도서 상세 조회

[ 작업한 내용 ]

# frontend

1. 도서 상세페이지 라우트 추가

- /books/:bookId로 경로와 요소 정의

<Route path='/books/:bookId' element={<BookDetailPage />}/>

 

---

2. 도서 상세 api 연결

- useParams()를 사용하여 bookId 전달 받기.

- API 호출하여 데이터 처리 후 화면에 출력하기.

const { bookId } = useParams();
localhost:8080/api/v1/boosk/${bookId}

---

3. 스타일

- 대출이 가능하면 초록색, 불가면 빨간색으로 처리

- 대출이 가능하면 대출하기 버튼이 활성화, 불가하면 비활성화

---