[SW_Table/UI] 소프트웨어 대시보드 시각화 개선 및 금액 열 추가 #4

Open
opened 2026-04-14 13:12:48 +09:00 by JooWangi · 0 comments
Collaborator
  1. 작업 개요
    소프트웨어 자산 관리의 편의성을 위해 테이블에 금액 정보를 추가하고, 대시보드 하단에 비용 관련 통계 차트를 도입함.

  2. 상세 변경 사항

  • 소프트웨어 테이블 개선: 구독SW 및 영구SW 목록 테이블에 '금액' 열을 추가하여 자산별 단가 확인 가능.
  • 대시보드 통계 추가:
    • 금년도(2026년) 기준 법인별 도입 금액 합계 막대그래프 추가.
    • 금년도(2026년) 기준 분야별 도입 금액 합계 막대그래프 추가.
  • UI/UX 최적화:
    • 도입 비용 차트 섹션을 대시보드 최하단으로 배치 조정.
    • 막대그래프의 가로 그리드 라인을 제거하여 가독성 향상.
    • 막대 두께(barThickness)를 슬림하게 조정하여 세련된 디자인 적용.
  • 데이터 엔진 업데이트: 2026년도 데이터 통계 확인을 위해 더미 데이터 생성 로직(dummyDataGenerator.ts) 업데이트.
  1. 관련 파일
  • src/views/AssetTableView.ts
  • src/views/DashboardView.ts
  • src/dummyDataGenerator.ts
1. 작업 개요 소프트웨어 자산 관리의 편의성을 위해 테이블에 금액 정보를 추가하고, 대시보드 하단에 비용 관련 통계 차트를 도입함. 2. 상세 변경 사항 - 소프트웨어 테이블 개선: 구독SW 및 영구SW 목록 테이블에 '금액' 열을 추가하여 자산별 단가 확인 가능. - 대시보드 통계 추가: - 금년도(2026년) 기준 법인별 도입 금액 합계 막대그래프 추가. - 금년도(2026년) 기준 분야별 도입 금액 합계 막대그래프 추가. - UI/UX 최적화: - 도입 비용 차트 섹션을 대시보드 최하단으로 배치 조정. - 막대그래프의 가로 그리드 라인을 제거하여 가독성 향상. - 막대 두께(barThickness)를 슬림하게 조정하여 세련된 디자인 적용. - 데이터 엔진 업데이트: 2026년도 데이터 통계 확인을 위해 더미 데이터 생성 로직(dummyDataGenerator.ts) 업데이트. 3. 관련 파일 - src/views/AssetTableView.ts - src/views/DashboardView.ts - src/dummyDataGenerator.ts
JooWangi changed title from [Issue] ????? ???? ??? ?? ? ?? ? ?? to [Feature/UI] 소프트웨어 대시보드 시각화 개선 및 금액 열 추가 2026-04-14 13:14:32 +09:00
JooWangi changed title from [Feature/UI] 소프트웨어 대시보드 시각화 개선 및 금액 열 추가 to [SW_Table/UI] 소프트웨어 대시보드 시각화 개선 및 금액 열 추가 2026-04-14 13:15:45 +09:00
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Taehoon/ITAM#4