[Feat] 성적 통계 UI

[yongaricode]

🔥 Issues

#52

✅ What to do

• 성적 통계 UI
• 성적 추가하기 UI
• 시험 추가하기 모달
• 성적/시험이 없는 경우 처리

📄 Description

상세 설명

🤔 Considerations

• 차트: 데이터 시각화를 위해 recharts를 사용하여 차트를 구현
• 표: tanstack table을 활용하여 데이터 테이블을 구성
  • 표의 border-radius가 적용되지 않는 문제 발생
  • border-separate를 사용해 radius를 적용했으나, 셀 간 border가 끊겨 보이는 문제 발생
    • 표를 <div>로 감싸고 overflow-hidden 적용
    • table에 border-collapse를 추가하여 radius 적용과 border 연결을 동시에 해결

🛠️ Improvements to Make

• 아무 시험이 등록되지 않았을 떄 수정
• 백에서 api 명세서 나오면 맞게 수정해야한다.
• 통계 차트 불러오는게 너무 느려서... 일단 백과 연동해보고 너무 느리면 로딩 페이지 추가해야할듯

👀 References

스크린샷 또는 참고사항