마이페이지 각 상세 페이지 클라이언트 페이지네이션 구현

[uiuuoq]

연결된 Jira 티켓

• DP-

작업 내용

• 마이페이지 5개 상세 페이지에 클라이언트 사이드 페이지네이션 구현
• 공통 페이지네이션 컴포넌트(MyPagePagination) 생성
• 페이지네이션 동작 확인을 위해 mock 데이터 각 12개로 확장

주요 변경점

• components/features/my-page/MyPagePagination.tsx 신규 생성 (공통 컴포넌트)
• ScrappedPostsList — 검색/정렬 후 slice, 검색어·정렬 변경 시 1페이지 초기화
• WrongQuizList — 정렬 후 slice, 정렬 변경 시 1페이지 초기화
• RecommendedHomePostList, RecommendedVideoList, RecommendedBookList — 전체 데이터 slice
• 추천 3종 fetch 함수 시그니처 수정: count = 4 → count?: number (미리보기 4개 유지, 목록 페이지
  전체 반환)
• MyPage.tsx 하단 패딩 py-8 → pt-8 pb-12, 페이지네이션 여백 mt-8 mb-12 통일

테스트 방법

1. /my-page/scraps 접속 → 10개 표시, 2페이지에 나머지 2개 확인
2. 검색어 입력 또는 정렬 변경 → 1페이지로 초기화 확인
3. /my-page/wrong-quizzes 접속 → 10개 표시, 2페이지 확인
4. /my-page/recommend/home, /video, /book 각 접속 → 페이지네이션 동작 확인
5. 마이페이지 메인(/my-page)에서 각 섹션 미리보기 4개 유지 확인
6. 각 페이지 하단 여백이 채용 메인과 동일한지 확인

AI 사용 여부

• Claude Code 사용

체크리스트

• 빌드/테스트 확인
• 리뷰어 지정
• 라벨 지정