feat(fe): make problem statistics page #3356

ojongii · 2026-01-18T01:19:52Z

Description

문제 통계 페이지를 만들었습니다.

close TAS-2436

Before submitting the PR, please make sure you do the following

Read the Contributing Guidelines
Read the Contributing Guidelines and follow the Commit Convention
Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
Ideally, include relevant tests that fail without this PR but pass with it.

skkuding-bot · 2026-01-18T01:26:03Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 92e3d588cae5424dd86cbe3c725db3bed818e854
Health Status: Healthy

Open Preview | View in Argo CD

notion-task-integration · 2026-01-18T06:15:45Z

Problem Statistics 페이지

skkuding-bot · 2026-01-21T23:51:13Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 127427b7496de60254c140b825a2e5f45f7501a6
Health Status: Healthy

Open Preview | View in Argo CD

…om/skkuding/codedang into t2436-make-problem-statistics-page

skkuding-bot · 2026-01-22T14:43:14Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: b6a95830bdb553a18786c3447b716305cf726fff
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-23T00:15:46Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 26929fd84936da284a5b230551c293aab1c881b6
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-23T00:18:13Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 1626ccbb2bfc8b024499701c50f84d128930e523
Health Status: Healthy

Open Preview | View in Argo CD

…om/skkuding/codedang into t2436-make-problem-statistics-page

skkuding-bot · 2026-01-23T22:49:19Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: e1e6cf1a1ba2d093cd0d86ea7a3ff5e442294b5b
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-23T23:09:21Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 6dabe622e29350cc706dbf39917e2dfda9ce4a80
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-23T23:40:28Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 12286003b7ca38a47f855530effd108266bb616c
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-23T23:51:58Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: f6f68de2fcc7d5e944587eb2d3dbb781514baf53
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-27T14:27:44Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 9fdf29f23bdc1578248b6960db907a69742c77e3
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-27T15:02:34Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 90512488407d5e9025f9e9b2699fc3486ade9883
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-27T15:23:18Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 68a09011ad43a4f5b20d8150592d5638bbeb72e3
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-28T01:10:16Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 22796b5ac72f94f7c23eb5e13913166a61895904
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-28T05:55:04Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 35da17c62109658369d3e0f770dc7adeed81ca42
Health Status: Healthy

Open Preview | View in Argo CD

…om/skkuding/codedang into t2436-make-problem-statistics-page

skkuding-bot · 2026-01-28T10:49:13Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: fa79c429873860bd7aea561034f7818a0ad81519
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-28T11:51:18Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: dab3e8adfb4ce74aee58f2ff65ca1c1ebf10ce8f
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-28T12:01:37Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 00bfa3f10dbf1fedc16d45d8eced678f0bc3c181
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-29T02:58:35Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: b3ceddcdc6fdab3c87d0b2e328a447752ccfc023
Health Status: Healthy

Open Preview | View in Argo CD

sONg20NOW · 2026-01-30T14:12:46Z

...d/app/(client)/(main)/contest/[contestId]/@tabs/statistics/_components/ProblemStatistics.tsx

+          </p>
+        </div>
+        <div className="w-1/4 min-w-0 rounded-xl p-5 shadow-[0_4px_20px_0_rgba(53,78,116,0.1)]">
+          <p className="text-primary text-sm font-medium tracking-[-0.42px]">


헤더 부분 모두 굵기가 400이라 font-normal로 바꿔야 될 것 같아요~

감사합니다 수정했습니다!

sONg20NOW · 2026-01-30T14:15:57Z

...d/app/(client)/(main)/contest/[contestId]/@tabs/statistics/_components/ProblemStatistics.tsx

+                key={language.language}
+              >
+                <div className="flex items-center">
+                  <div className="m-2 h-1 w-1 rounded-full bg-black" />


일단 PR 늦은 것부터 사과하고 시작하겠습니다 (_ _ )
피그마 상에서는 bullet(점)이랑 언어 이름과 스코어 부분 색이 다른데 확인해주세욥!

오 그러네요.. 수정했습니다!

sONg20NOW · 2026-01-30T14:21:08Z

...d/app/(client)/(main)/contest/[contestId]/@tabs/statistics/_components/ProblemStatistics.tsx

+            Correct Answers
+          </p>
+          <p className="text-2xl font-semibold tracking-[-0.72px]">
+            {statistics.acceptedSubmissionCount || '-'}


피그마 상에서는 천단위 부터 쉼표 구분자를 사용하는데 그렇게 바꾸면 어떨까요? (ex. 2500 -> 2,500)

해당되는 칸은 모두 구분자를 사용하도록 수정했습니다!

sONg20NOW · 2026-01-30T14:25:11Z

...d/app/(client)/(main)/contest/[contestId]/@tabs/statistics/_components/ProblemStatistics.tsx

+            {statistics.totalSubmissionCount || '-'}
+          </p>
+        </div>
+        <div className="w-1/4 min-w-0 rounded-xl p-5 shadow-[0_4px_20px_0_rgba(53,78,116,0.1)]">


헤더 부분이랑 수치 부분이랑 간격이 피그마보다 묘하게 좁은 것 같아요.. 전 눈이 침침해서 한번만 확인 부탁드려요~

전 알아차리지 못했었는데 진짜로 그러네요...! 헤더에 mb-1 추가했어요~~

sONg20NOW · 2026-01-30T14:28:45Z

고생하셨습니다~~ 코드 너무 잘 짜셨네요.. 보면서 공부 많이 됐습니다..
자잘한 디자인 수정 커멘트 몇 개 남겨놨으니 확인해주세요! 👋

skkuding-bot · 2026-02-02T03:39:15Z

❗ Syncing Preview App Failed

Application: frontend
Revision: 5ab38da87771335ff87bc9192e02c46cdeec1d4d
Health Status: Degraded

Open Preview | View in Argo CD

skkuding-bot · 2026-02-02T03:45:42Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 5ab38da87771335ff87bc9192e02c46cdeec1d4d
Health Status: Healthy

Open Preview | View in Argo CD

Clover229

LGTM 수고하셨습니다!! 강규님까지 approve 받은 후 머지하면 될 것 같아요ㅎㅎ

feat(fe): make problem statistics page

92e3d58

ojongii requested review from Clover229 and sONg20NOW January 18, 2026 01:22

ojongii self-assigned this Jan 18, 2026

ojongii added ⛳️ team-frontend 🍊squad-유자차 스쿼드 유자차 작업물입니다 labels Jan 18, 2026

ojongii added 2 commits January 22, 2026 08:44

chore(fe): truncate username

89d2847

Merge branch 'main' into t2436-make-problem-statistics-page

127427b

ojongii added 2 commits January 22, 2026 23:35

chore(fe): fix container growth with truncated text

224dfc6

Merge branch 't2436-make-problem-statistics-page' of https://github.c…

b6a9583

…om/skkuding/codedang into t2436-make-problem-statistics-page

feat(fe): connect backend endpoints

26929fd

Merge branch 'main' into t2436-make-problem-statistics-page

1626ccb

ojongii added 2 commits January 24, 2026 07:42

chore(fe): show hyphen in empty data

77b4fc5

Merge branch 't2436-make-problem-statistics-page' of https://github.c…

e1e6cf1

…om/skkuding/codedang into t2436-make-problem-statistics-page

ojongii added 3 commits January 24, 2026 07:55

chore(fe): change text style of x axis

a2062ba

chore(fe): change right border

718800e

chore(fe): cleanup classnames

6dabe62

fix(fe): add fallback

1228600

fix(fe): add error boundary

f6f68de

fix(fe): add page fallback

063002a

ojongii added 2 commits January 27, 2026 23:52

chore(fe): truncate problem title

2c2d5ff

chore(fe): remove whitespace

9051248

chore(fe): change margin

68a0901

chore(fe): change skeleton name

22796b5

Merge branch 'main' into t2436-make-problem-statistics-page

35da17c

ojongii added 2 commits January 28, 2026 19:42

chore(fe): empty array

8cd39a0

Merge branch 't2436-make-problem-statistics-page' of https://github.c…

fa79c42

…om/skkuding/codedang into t2436-make-problem-statistics-page

chore(fe): change height and text size

dab3e8a

chore(fe): etc

00bfa3f

chore(fe): change skeleton height

b3ceddc

sONg20NOW reviewed Jan 30, 2026

View reviewed changes

ojongii added 3 commits February 2, 2026 07:54

fix(fe): apply feedback

9f11f07

chore(fe): remove mt auto

6c8fe29

Merge branch 'main' into t2436-make-problem-statistics-page

5ab38da

Clover229 approved these changes Feb 3, 2026

View reviewed changes

feat(fe): make problem statistics page #3356

Are you sure you want to change the base?

feat(fe): make problem statistics page #3356

Conversation

ojongii commented Jan 18, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Before submitting the PR, please make sure you do the following

Uh oh!

skkuding-bot bot commented Jan 18, 2026

Uh oh!

notion-task-integration bot commented Jan 18, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

skkuding-bot bot commented Jan 21, 2026

Uh oh!

skkuding-bot bot commented Jan 22, 2026

Uh oh!

skkuding-bot bot commented Jan 23, 2026

Uh oh!

skkuding-bot bot commented Jan 23, 2026

Uh oh!

skkuding-bot bot commented Jan 23, 2026

Uh oh!

skkuding-bot bot commented Jan 23, 2026

Uh oh!

skkuding-bot bot commented Jan 23, 2026

Uh oh!

skkuding-bot bot commented Jan 23, 2026

Uh oh!

skkuding-bot bot commented Jan 27, 2026

Uh oh!

skkuding-bot bot commented Jan 27, 2026

Uh oh!

skkuding-bot bot commented Jan 27, 2026

Uh oh!

skkuding-bot bot commented Jan 28, 2026

Uh oh!

skkuding-bot bot commented Jan 28, 2026

Uh oh!

skkuding-bot bot commented Jan 28, 2026

Uh oh!

skkuding-bot bot commented Jan 28, 2026

Uh oh!

skkuding-bot bot commented Jan 28, 2026

Uh oh!

skkuding-bot bot commented Jan 29, 2026

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

sONg20NOW commented Jan 30, 2026

Uh oh!

skkuding-bot bot commented Feb 2, 2026

Uh oh!

skkuding-bot bot commented Feb 2, 2026

Uh oh!

Clover229 left a comment

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

ojongii commented Jan 18, 2026 •

edited

Loading

notion-task-integration bot commented Jan 18, 2026 •

edited

Loading