Skip to content

fix:API 설정 확인 #105

@dnqudgml12

Description

@dnqudgml12

[성적 관리] 성적 관리 화면 개선

개요

성적 관리(튜터) 페이지의 테이블 UI·CSV 내보내기 동작을 개선했습니다.


변경 사항

1. 제출 상태 표시

  • 마감 시간 이후 미제출: 제출하지 않은 경우 빨간색 X + "미제출" 표시
  • 정시 제출 / 기한 초과: 기존 배지 유지 (숫자 옆에 배치)

2. 점수 수정 UX

  • 점수 숫자를 링크처럼 표시 (파란색, 밑줄)
  • 숫자 클릭 시 해당 셀만 수정 모드로 전환 (기존 연필 버튼 제거)

3. 레이아웃

  • 코드 보기 버튼, 제출 지각 여부(정시 제출 / 기한 초과 / 미제출)를 점수 숫자와 한 줄에 배치 (ScoreRow)

4. 전체 총점·비율 고정 열

  • 오른쪽 고정 열 추가: "전체 총점", "비율"
  • 가로 스크롤 시에도 학생·학번(왼쪽)과 전체 총점·비율(오른쪽) 고정
  • 수업 전체 / 전체 과제 / 전체 퀴즈: 현재 필터(표시 중인 항목)만 반영해 총점·비율 계산
  • 과제별 보기·퀴즈별 보기: 선택한 과제/퀴즈 기준으로 총점·비율 표시

5. CSV 내보내기

  • 제출일자, 마감일자 컬럼 추가 (문제별)
  • 마감일 지나고 미제출 → 제출일자 칸에 "미제출" 표시
  • 마감일 지나고 제출 → 제출일자에 실제 제출일시 표시
  • 수업 전체 / 전체 과제 / 전체 퀴즈 / 단일 과제 / 단일 퀴즈 내보내기 모두 동일 적용

6. UI 정리

  • 마감, 제출 기한, 제출 시간 텍스트 표시 제거 (헤더·셀 하단)
  • 정시 제출 / 기한 초과 / 미제출 배지는 유지

수정된 파일

경로 내용
GradeManagement/components/GradeManagementAssignmentTable.tsx 과제별 테이블: 미제출 표시, 점수 링크, ScoreRow, 오른쪽 고정 열, 마감/제출기한·제출시간 제거
GradeManagement/components/GradeManagementCourseTable.tsx 수업 전체 테이블: 동일 UI 개선, 필터 반영 총점·비율, 오른쪽 고정 열
GradeManagement/components/GradeManagementQuizTable.tsx 퀴즈별 테이블: 동일 적용
GradeManagement/hooks/useGradeManagement.ts CSV 내보내기: 제출일자·마감일자·미제출 컬럼 추가 (모든 보기 모드)
GradeManagement/styles.ts ScoreRow, ScoreValueButton, CourseTableWithStickyRight, 오른쪽 고정 열 스타일 (STICKY_RIGHT_*)

참고

  • 브랜치: fix/issue-105/APIservice
  • APIService.ts 변경 사항은 이 이슈 범위와 별도일 수 있음 (필요 시 분리 기술)

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions