경북대학교 소프트웨어 테스팅 연구실 명의로 개발한, 경북대학교 컴퓨터학부 프로그래밍 실습 수업에서 학교 내 맞춤형 수요를 만족시키는 Online Judge 시스템
⇒ https://coding.knu.ac.kr 로 현재 학교 내에서 사용중
IBM Carbon Design System의 깔끔한 Look and feel의 일부를 차용하며, 기존 개발되었던 UI 시스템을 사용하던 사용자가 새로운 시스템에 문제 없이 적응할 수 있도록 주안점을 두고 UI/UX 기획을 진행하였습니다.
KOJ 시스템의 UI/UX 피그마 기획
iconv-lite
와 buffer
라이브러리를 활용해 UTF-8로 변환.문제: 기존 시스템에서 특수 유스케이스(빈칸 채우기 등)를 지원하지 못함.
해결: prism.js와 DOMParser API로 CodeHole 컴포넌트 제작.
성과: 교수자 수동 채점 공수 감소, 학생 즉각 피드백 가능.
Syntax Highlighting이 직용된 CodeHole 컴포넌트