[#29] Data(리포트) View, Viewmodel 구현

[taebin2]

🔗 연결된 이슈

Resolved #이슈번호

✨ 주요 작업사항

이번 PR의 핵심 변경사항을 알려주세요!

• StatsComponent라는 도넛 모양 그래프를 위한 컴포넌트를 제작하였습니다
• MonthlyDataView를 제작하였습니다.
• MonthlyDataView 구성 요소 중 카테고리 통계를 볼 수 있는 FavoriteByCategoryView 제작하였습니다
• MonthlyDataView 구성 요소 중 수량 통계를 볼 수 있는 ItemDateView를 제작하였습니다
• MonthlyDataView 구성 요소 중 활용도 체크를 볼 수 있는 MonthlyDataView를 제작하였습니다

📸 스크린샷 / 동영상

구현한 화면의 크기를 img width="250"로 설정해서 첨부해주세요!

🔍 리뷰어에게 (선택)

코드 리뷰 시 특별히 확인했으면 하는 부분이나, 의견을 묻고 싶은 내용을 적어주세요!

• MonthlyDataView가 비어져있을 떄 화면은 아직 구현하지 못하였습니다. 구현하여 추가할 예정입니다.
• MonthlyDataView에서 넘어가는 세가지 view에 대해서 올라오는 바텀 시트를 구현하지 못했습니다. 구현하여 추가할 예정입니다.

[gemini-code-assist]

Summary of Changes

Hello @taebin2, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

이 PR은 사용자의 옷장 데이터를 시각적으로 분석하고 보고하는 기능을 구현합니다. 월별 리포트 뷰를 중심으로, 카테고리별 선호 아이템, 아이템별 사용 수량, 그리고 전체 옷장 활용도를 도넛 및 막대 차트를 통해 직관적으로 제공하여 사용자가 자신의 의류 소비 패턴을 쉽게 파악할 수 있도록 돕습니다.

Highlights

• 도넛 차트 컴포넌트 개발: 재사용 가능한 도넛 모양 그래프(StatsComponent)를 구현했습니다.
• 월간 데이터 뷰 구현: 월별 리포트(MonthlyDataView)의 메인 화면을 제작했습니다.
• 카테고리별 통계 뷰 추가: 카테고리별 선호 아이템 통계를 보여주는 FavoriteByCategoryView를 개발했습니다.
• 아이템 수량 통계 뷰 추가: 아이템별 사용 수량 통계를 막대 그래프로 표시하는 ItemDataView를 개발했습니다.
• 옷장 활용도 체크 뷰 추가: 옷장 아이템의 활용도를 도넛 차트로 보여주는 WearingDataView를 개발했습니다.

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

---

데이터 흐름 따라 뷰는 아름답게 빛나 코드에 생명 불어

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

이번 PR은 월간 리포트 관련 뷰와 뷰모델을 구현하는 내용이네요. 재사용 가능한 DonutChartView 컴포넌트를 만들어 다양한 통계 뷰에 적용한 점이 인상적입니다. 전반적으로 코드 구조가 좋지만, 몇 가지 개선점을 제안합니다. 주요 내용은 매직 넘버 및 색상 값 처리, 코드 중복 제거, 그리고 아키텍처 개선에 대한 것입니다. 자세한 내용은 각 파일에 남긴 코멘트를 확인해주세요.

[gemini-code-assist]

AppDestination이 ViewModel의 모델에 의존하고 있습니다. 모델을 Domain 레이어로 옮겨 아키텍처 결합도를 낮추는 것이 좋습니다.

[taebin2]

해결을 하긴 했는데 원래 View랑 Viewmodel만 하려고 햇었는데 이것떄문에 애매해져서 흠 나중에 어짜피 다 수정했어햐하니까 된건지 잘 모르겠네요