[DP-441] 마이페이지 추천 3종 실제 API 연동 및 myPage.ts 분리

[uiuuoq]

연결된 Jira 티켓

• DP-441

작업 내용

• 마이페이지 추천 홈 글 / 유튜브 / 서적 mock → 실제 API 연동
• 추천 API 함수 및 query key를 lib/api/endpoints/myPage.ts로 분리

주요 변경점

• lib/api/endpoints/myPage.ts 신규 생성: MY_PAGE_QUERY_KEYS, getRecommendContents, getRecommendYoutube, getRecommendBooks
• RecommendedSection.tsx: 추천 3종 모두 useQuery로 교체, useEffect/useState 제거
• RecommendedHomePostList.tsx / RecommendedVideoList.tsx / RecommendedBookList.tsx: 동일 query key로 useQuery 교체 → Section과 캐시 공유, 중복 호출 없음
• isPersonalized: false 시 message 필드 빈 상태 UI 표시 (DP-415 대응)
• lib/mock/my-page-recommend-home.ts / my-page-recommend-video.ts / my-page-recommend-book.ts 삭제

테스트 방법

1. 마이페이지 접속 후 추천 홈 글 / 유튜브 / 서적 정상 노출 확인
2. 개인화 데이터 없는 계정으로 접속 시 빈 상태 메시지 노출 확인
3. 전체보기 페이지(/my-page/recommend/home|video|book) 진입 시 중복 API 호출 없이 캐시 사용 확인

AI 사용 여부

• Claude Code 사용

체크리스트

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

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
traceapp	Ready	Preview, Comment	May 1, 2026 3:44am