Skip to content

Conversation

@junghwaYang
Copy link
Contributor

이슈 번호

close #28

변경 사항 요약

  • shadow dark 모드 버전 추가했습니다. 기존 컬러 색상과 다르게 dark:shadow-custom-dark로 사용해주셔야 합니다.
  • API에서 제공되는 객체명을 사용하여, 좀 더 쉽게 값을 전달 할 수 있도록 설계 했습니다.
  • 테스트 페이지에서는 더미 데이터를 사용하여, 제작 되었습니다.
props type dec
totalCount number 전체 데이터 개수
currentPage number 현재 페이지 번호(API로는 page)
pageSize number 페이지 당 데이터 개수
onPageChange function 페이지 변경 핸들러(상태 리프팅, setter 함수를 받음)

테스트 결과

image

- REST 확장 플러그인을 통해 API 테스트 가능
- 로컬에서 프로젝트 경로에 example.http 파일 생성하여 사용
- 사용시에는 dark:shadow-custom-dark 로 사용
- 페이지네이션 컴포넌트에서만 사용되는 컴포넌트 입니다
- http://localhost:3000/test/pagination 접속 시 확인가능
@junghwaYang junghwaYang added the 📁 컴포넌트 컴포넌트 개발 관련 작업 label Dec 16, 2024
@junghwaYang junghwaYang self-assigned this Dec 16, 2024
Copy link
Collaborator

@horororok horororok left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

꼼꼼한 경계값 처리가 좋습니다.
세세한 반응형 처리는 보고 배우겠습니다.

Copy link
Collaborator

@crazyupinc-design crazyupinc-design left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

가독성이 너무 좋습니당 라이브러리 없이 구현이 가능하다니..👍🏻
수고 많으셨습니다

@junghwaYang junghwaYang merged commit ba4c0e3 into develop Dec 16, 2024
1 check passed
@junghwaYang junghwaYang deleted the feature/#28_Pagination-컴포넌트 branch December 16, 2024 10:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

📁 컴포넌트 컴포넌트 개발 관련 작업

Projects

Status: 완료

Development

Successfully merging this pull request may close these issues.

Pagination 컴포넌트

4 participants