독서록 추가, 삭제, 열람 - (추가)

GunYong·2023년 7월 4일
0

React Project

목록 보기
10/12
post-thumbnail

북커스는 1개의 도서에 대해서 여러개의 독서록을 작성할 수 있다.
독서록은 독서록 추가하기 / 독서록 삭제하기 / 독서록 열람하기가 가능하다.
이번 글에서는 독서록 추가하는 부분에 대해 작성해보려고 한다.

위 사진은 책을 처음 선택했을시 작성한 독서록이다. 저장버튼을 누르면 해당 독서록이 서버에 저장된다.

서재에 책이 담기게 되고 해당 책을 선택하면

내가 처음에 작성한 독서록이 추가된 것을 확인할 수 있다.
현재는 1-30페이지에 해당하는 독서록을 작성한 상태인데 유저가 책을 더 읽고 그 후의 독서록을 작성하고 싶으면 + 버튼을 통해서 추가적 독서록을 작성할 수 있다.

이렇게 추가로 독서록을 작성한 뒤 저장을 눌러주면 독서록 목록에 추가된 것을 확인할 수 있다.

버튼(+)을 누르면 이미 있던 라우터인 bookReport 페이지로 이동하게 만들었고 독서록을 처음 작성할때와 같이 도서에 대한 정보를 state로 전달해주었다.

다음글에서는 도서/독서록 삭제에 대해 다뤄보겠다.

0개의 댓글