[TODO] Add ListNavigation

lsj1206 / ...Logs

0 stars 0 forks source link

[TODO] Add ListNavigation #23

Open lsj1206 opened 1 month ago

lsj1206 commented 1 month ago

어떤 기능인가요?

API로 연동된 ListPage를 정렬기준에 맞춰서 분할해서 보여주고, prev/next 버튼과 번호를 통해서 페이지 목록 이동 기능 구현

작업 상세 내용

[x] ListPage에서 Post를 분할 출력
[x] Prev/Next 버튼을 통해서 Page 이동 기능 구현
[x] 번호클릭을 통해서 Page 이동 기능 구현

lsj1206 commented 1 month ago

Pagination -> ListNavigation 으로 컴포넌트 이름을 변경했음.

lsj1206 commented 1 month ago

ListNavigation의 기능을 개발하면서, TextButton을 재사용해서 다른 margin과 background-color 값을 주고싶었는데 버그인지 아닌지 정확하게는 알 수 없지만, 재사용 CSS 요소가 적용이 되지않는 문제가 있어서 stackoverflow의 해당 이슈를 참조하여 재사용이 자주되는 컴포넌트들의 구조를 className을 props로 전달해주는 구조로 변경함.