[DP-409] 추천 전체보기 상세 페이지(홈 글/유튜브/서적) 3종 구현

[uiuuoq]

연결된 Jira 티켓

• DP-409

작업 내용

• 마이페이지 추천 섹션의 전체보기 상세 페이지 3종 구현

  • 홈 글
  • 유튜브
  • 서적

주요 변경점

1. 추천 상세 페이지 3종 생성

• /my-page/recommend/home
• /my-page/recommend/video
• /my-page/recommend/book

각 페이지에서 mock 데이터를 기반으로 리스트 렌더링

2. 리스트 아이템 컴포넌트 분리

• RecommendedHomePostListItem
• RecommendedVideoListItem
• RecommendedBookListItem

카드형 → 리스트형 UI로 분리하여 상세 페이지에 최적화

3. UI 구조 통일

• 썸네일 + 텍스트 기반 리스트 레이아웃 적용
• divide-y 기반 리스트 구조
• 뒤로가기 버튼 및 제목/개수 표시

4. Book 리스트 UX 개선

• description(contents) 필드 추가
• price 필드 추가 및 표시
• 제목 1줄 + 설명 2줄 구조로 가독성 개선

5. 링크 정책 적용

• 홈 글 → 내부 페이지 이동
• 유튜브 / 서적 → 외부 링크 새 탭 이동

테스트 방법

1. /my-page → 추천 섹션에서 전체보기 클릭
2. 각 상세 페이지 정상 렌더 확인
3. 홈 글 클릭 시 내부 페이지 이동 확인
4. 유튜브/서적 클릭 시 새 탭 이동 확인
5. 리스트 UI 및 skeleton 정상 표시 확인

AI 사용 여부

• Claude Code 사용

체크리스트

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