Skip to content

fix:API 설정 확인 #105

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 변경 사항은 이 이슈 범위와 별도일 수 있음 (필요 시 분리 기술)

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions