TIL

245일차(모험 154일차) - 페이징

haedal-uni 2022. 5. 18. 22:42
728x90

기존에 페이징 버튼을 디자인 했는데 (물방울)

페이징 구현이 되는지만 확인하기 위해 임의로 디자인을 만들면서 (숫자)

2개의 페이징이 한곳에 붙여지면서 디자인 한 페이징 부분이 실행이 되지 않아서

이 부분을 수정하였다.

 

이전 버튼과 다음 버튼을 고정시켜두고 그 사이 디자인 버튼을 최대 5개 추가하는 것으로 수정했다.

수정하면서 css도 수정을 해야할 부분들이 생겼는데

이 부분은 기능 구현이 끝나면 하는 것으로 미뤘다.

 

현재 페이징을 구현하면서 해당 페이징 버튼은 5개만 보여지고

그 이후는 다음 버튼을 통해 6~10, 11~15 이렇게 진행을 하는게 우선으로 느껴져

이 기능을 먼저 구현하기로 결정했다.

 

구글링을 해보니 백에서 코드를 작성하고 있어 클론코딩으로 정리하면서

습득한 후에 프로젝트에 코드를 작성하기로 했다.

728x90