Skip to content

feat(IN-185): 시청 지속률 그래프 및 구간 분석 영역 구현#100

Open
shunn2 wants to merge 10 commits intodevelopfrom
feat/IN-185
Open

feat(IN-185): 시청 지속률 그래프 및 구간 분석 영역 구현#100
shunn2 wants to merge 10 commits intodevelopfrom
feat/IN-185

Conversation

@shunn2
Copy link
Copy Markdown
Collaborator

@shunn2 shunn2 commented May 3, 2026

📌 작업 개요

  • 평균 시청 지속 시간 카드: 유튜브 평균 대비 수치, 물음표 아이콘 호버 툴팁
  • 시청 지속률 그래프 (recharts ComposedChart)
    • 4등분 구간 호버 시 해당 구간 선 빨간색 변경
    • 가장 급감하는 단일 지점 점선 표시
    • 평균 시청 지속시간 점선 호버 툴팁
    • 하단 Brush 스크롤바 (구간 줌인)
  • 구간별 이탈율 카드 4개: 호버 시 빨간 배경 강조
  • 차트 ↔ 이탈율 카드 양방향 호버 연동
  • 로딩 중 Skeleton UI

🗂 작업 유형

해당하는 항목에 x를 채워 주세요.

  • 기능 추가 (feat)
  • 버그 수정 (fix)
  • 리팩토링 (refactor)
  • 스타일 / UI 수정 (style)
  • 성능 개선 (perf)
  • 테스트 (test)
  • 기타 (chore, docs 등)

✏️ 작업 내용

✅ 셀프 체크리스트

머지 전 직접 확인해 주세요.

  • 로컬에서 정상 동작 확인
  • 불필요한 콘솔 로그, 주석, 디버그 코드 제거
  • 타입 에러 없음

💬 리뷰어에게

@shunn2 shunn2 requested review from juuhye and kimYunHyeong May 3, 2026 13:48
@vercel
Copy link
Copy Markdown

vercel Bot commented May 3, 2026

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

Project Deployment Actions Updated (UTC)
inflace Error Error May 9, 2026 5:20am

@shunn2 shunn2 changed the title Feat/in 185 feat(IN-185): 시청 지속률 그래프 및 구간 분석 영역 구현 May 3, 2026
Comment thread src/widgets/videoDetail/retention/ui/RetentionChart.tsx
Comment thread src/widgets/videoDetail/retention/ui/RetentionSection.tsx Outdated
Copy link
Copy Markdown
Collaborator

@juuhye juuhye left a comment

Choose a reason for hiding this comment

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

코드 확인하였습니다! 따로 수정사항은 없습니다
SVG 사용 방식에 대해 궁금한 점이 생겨 이 부분은 차주 회의 안건으로 작성해두겠습니다! 참고 부탁드립니다

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants