Skip to content

design: 월별 재정 요약 페이지 UI 개선 (#53)#69

Merged
xxxyuju merged 4 commits intodevelopfrom
feature/summary-ui-polish
Apr 11, 2026
Merged

design: 월별 재정 요약 페이지 UI 개선 (#53)#69
xxxyuju merged 4 commits intodevelopfrom
feature/summary-ui-polish

Conversation

@xxxyuju
Copy link
Copy Markdown
Contributor

@xxxyuju xxxyuju commented Apr 10, 2026

📄 PR 요약

월별 재정 요약 페이지의 차트 UI를 다듬고, 순이익 표시 방식과 툴팁 동작을 개선했습니다.

✍🏻 PR 상세

  1. SummaryView와 summary 차트 컴포넌트의 레이아웃, 간격, 카드 크기, 리스트 스타일을 조정해 요약 화면 UI를 정리했습니다.
  2. TrendBarChart에서 막대 차트 애니메이션과 툴팁 스타일을 개선하고, 순이익이 음수인 경우 적자 범주로 분리해 절댓값 기준 막대로 표시하도록 수정했습니다.
  3. CategoryDonutChart와 ComparisonTooltip의 표시 크기와 인터랙션을 보완했습니다.
  4. summary 관련 주요 계산/인터랙션 로직에 주석을 추가했습니다.
  5. 사용하지 않는 차트 의존성을 정리하면서 package.json, package-lock.json도 함께 정리했습니다.

👀 참고사항

  • 반응형 및 authStore 연동은 추후 수정할 예정입니다.
  • 커밋 메시지가 깔끔하지 않은 부분이 있습니다. 기능 변경과는 무관합니다....

✅ 체크리스트

  • PR 양식에 맞게 작성했습니다.
  • 모든 테스트가 통과했습니다.
  • 프로그램이 정상적으로 작동합니다.
  • 적절한 라벨을 설정했습니다.
  • 불필요한 코드를 제거했습니다.

🚪 연관된 이슈 번호

Closes #53

@xxxyuju xxxyuju requested a review from YO1231 April 10, 2026 13:04
@xxxyuju xxxyuju self-assigned this Apr 10, 2026
@xxxyuju xxxyuju changed the title design: 월별 재정 요약 페이지 UI 개 (#53) design: 월별 재정 요약 페이지 UI 개선 (#53) Apr 10, 2026
@xxxyuju xxxyuju added 🎨 Html&css 마크업 & 스타일링 labels Apr 10, 2026
const getSeriesValue = (item, seriesKey) => {
if (seriesKey === 'loss') {
return (item.net ?? 0) < 0 ? Math.abs(item.net ?? 0) : null
}
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

음수 순이익은 절댓값으로 관리하는 방식 좋네요. 수고하셨습니다.

@xxxyuju xxxyuju merged commit 163d41f into develop Apr 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🎨 Html&css 마크업 & 스타일링

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Issue #53] 월별 재정 요약 페이지 UI 개선

2 participants