Conversation
…1-GENESIS into feat/#264/report-myself
Summary of ChangesHello @1jiwoo27, I'm Gemini Code Assist1! 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은 리포트 페이지에 '내 지출 리포트' 기능을 추가하고, 페이지 내에서 재사용 가능한 공통 UI 컴포넌트들을 분리하여 코드의 재사용성과 유지보수성을 향상시키는 데 중점을 둡니다. 특히, 월별 지출 비교를 위한 라인 그래프와 범례, 그리고 수직 그리드 컴포넌트가 새롭게 구현되거나 기존 컴포넌트에서 분리되어, 다양한 리포트 섹션에서 일관된 디자인과 기능을 제공할 수 있도록 기반을 마련했습니다. Highlights
Changelog
Activity
Using Gemini Code AssistThe 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
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 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
|
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
…Team1-Unipocket into feat/#264/report-myself
Kjiw0n
left a comment
Kjiw0n
left a comment
There was a problem hiding this comment.
수고하셨습니다! 👍 👍
코멘트 확인 부탁드려요.
분석파트 API명세 아직 안나온 것 같은데, mock과 유사한 방향으로 부탁드려도 될 것 같아요!
* feat: myself 컴포넌트 초기 구현 * chore: import 문 절대 경로로 변경 * feat: report page 구조 초기 구현 * feat: 분석 페이지 레이아웃 스타일 반영 * refactor: ReportLegend 컴포넌트 분리 * feat: 사용량 안내 subtext 추가 * feat: ReportLegend line variant 추가 * chore: legend border-radius 10px로 변경 * feat: line chart svg로 초기 구현 * chore: 그래프에 필요한 data props로 전달 * refactor: VerticalGrid 다른 그래프에서도 사용할 수 있도록 리팩터링 * chore: import문 절대경로로 변경 * feat: accountbook 데이터 없을 시, mockdata 불러오기 * chore: store 불러오는 불필요한 코드 삭제 * feat: buildPath 함수 차트 파일에 추가 * chore: prettier 스크립트 실행 * feat: verticalGrid 추가 * chore: verticalGrid 컴포넌트에 className props 추가 * chore: 그래프와 그리드에 relative 속성 추가 * feat: 그래프와 그리드 크기 조정 * refactor: VerticalGrid에 positions props 추가하여 일정하지 않은 라벨에서도 사용 가능하도록 변경 * chore: label 깨지지 않도록 whitespace-nowrap 속성 추가 * refactor: props 정리 및 불필요한 계산 로직 삭제 * feat: mockdata 구조 변경 및 데이터 적용 * feat: 애니메이션 스타일 css 파일로 분리 * feat: prevPath fill 속성 추가 (커스텀 스타일 적용) * chore: 그래프 height 변경 * feat: 필요한 count props 추가 * chore: animation 변수명 변경 * chore: 라벨 mockData 정보로 변경 * refactor: buildPath 파일 분리 * chore: prev 대신 last로 통일 * chore: props 관련 주석 추가 * chore: Legend_Color key 값 변경 * chore: 필요없는 변수 삭제 * refactor: buildPath 함수 내 반복되는 로직 분리 * chore: 컴포넌트명 변경 * chore: 바뀐 컴포넌트명에 따라 import 문 수정 * style: pl 추가로 가운데 정렬 * chore: 필요한 currencyCode만 불러오도록 조건문 작성 * refactor: 반복되는 ChartItem 타입 분리 및 props에 적용 * fix: 자동 저장 시 줄바꿈되면서 변경사항으로 인식되는 문제로, .gitattributes에 routeTree 파일 추가 * refactor: 라벨도 gridPositions 기준으로 순회하도록 변경 (라벨이 없으면 렌더링하지 않게 처리) * chore: 함수 호출 부분 상수화 * chore: props 타입 keyof typeof로 통일 * feat: mockdata 구조 변경 * refactor: month 단위로 props 구조 재정리 * chore: 불필요한 주석 삭제 * chore: className props에서 제거 * chore: 타입 단언 제거 및 countryCode null 가드 추가
3 participants
관련 이슈
closes #264
작업 내용
ReportLegendreport-page 내 공통 컴포넌트로 분리VerticalGridreport-page 내 공통 컴포넌트로 분리ReportMyself컴포넌트 구현컴포넌트 구조
ReportMyself → ReportLegend, VerticalGrid, ReportLineGraph → ReportLineChart
스크린샷
✨ 리뷰 포인트
💬 공유사항 to 리뷰어