-
Notifications
You must be signed in to change notification settings - Fork 43
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[김경기] sprint8 #282
The head ref may contain hidden characters: "React-\uAE40\uACBD\uAE30-sprint8"
[김경기] sprint8 #282
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
코드 전반적으로 너무 잘짜셨네요 💯 👍
function getPageSize(width: number): number { | ||
if (width <= 767) { | ||
return 4; // 화면 너비가 768px 미만이면 한 페이지에 4개 | ||
} else if (width <= 1199) { | ||
return 6; // 화면 너비가 768px 이상이면 한 페이지에 6개 | ||
} else { | ||
return 10; // 화면 너비가 1200px 이상이면 한 페이지에 10개 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
요기 사용하는 수들을 묶어서 object 로 만들어도 좋을 거 같아요!
getPageSize(window.innerWidth) | ||
); // 페이지 크기 상태 | ||
const [currentPage, setCurrentPage] = useState<number>(1); // 현재 페이지 상태 | ||
const [orderBy, setOrderBy] = useState<string>("recent"); // 정렬 기준 (최신순) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
여기는 그냥 string 이 아닌 "recent" 등과 같이 정해진 string 만 올 수 있기 때문에 그 string 들을 묶은 타입을 만드는 걸 추천드려요!
type SortCategory = "recent" as const | "name" as const
onPageChange, | ||
}: PaginationProps) { | ||
const totalPages = Math.ceil(totalItems / itemsPerPage); // 전체 페이지 수 계산 | ||
const pageRange = 5; // 한 번에 보여줄 페이지 버튼 개수 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
요거는 상수라 밖으로 빼줘도 될 거 같아요!
요구사항
기본
심화
주요 변경사항
멘토에게