PES 링크 : https://pes23.com/
개발 동기
서비스 소개
진행 기간
사용 기술
제공 기능
사용 방법
팀원 소개
- 문제 별
모아보기 힘든 풀이목록
- 소스코드 파일을 그대로 올리거나 파일로 제출하는 형식 ->
코드 확인 과정이 불편
저조한 재학생의 피드백
-> 참여하는 재학생이 적어 소통이 활성화되지 않음
- 코딩테스트 채점 웹 프로그램 (C언어)
- 일반적인 코딩테스트 서비스와 달리, 추가적인
질문테스트
를 시행함으로서 사용자의 이해도를 높임 신입생
의 코드와 질문답변을 종합하여재학생
들은 pass/fail과 comment 제공신입생
은 pass의 갯수와 문제의 점수를 종합하여 점수 획득- 기존의 불편함 해소
문제 별 풀이보기
제공으로 편리함 제공- 자체적인 컴파일러와 Ace.js로
코드에디터 환경을 그대로 구현
- 재학생의 피드백이 필수적인 시스템 + 랭킹 기능 => 재학생들의
참여율 상승
(문제 당 피드백 개수 0.77개 -> 1.9개로 상승)
2023.08 ~ (진행 중)
Category | Details |
---|---|
Language & Framework | |
Deployment | |
Build & Library | |
DB | |
Collaboration & Design |
jwt
토큰 사용
Ace.js
라이브러리 사용하여 코드에디터 구현- 자체적인 컴파일러와 테스트 케이스를 이용해 채점
- 1개 이상의 pass를 받아야 통과
- 문제 통과 신입생, 재학생, 관리자 등급에 한해 접근 가능
- 사용자 정보 / 내가 푼 문제 / 내가 남긴 feedback 제공
신입생
: 획득 점수 내림차순재학생
: 피드백 수 내림차순
- 업데이트 정보 및 동아리 공지사항 등록
관리자
등급만 등록, 수정, 삭제 기능 사용 가능
상단바 로그인
버튼을 통해 접근
이름
과 이메일
은 해당 형식으로만만 입력받음
상단 카카오 에드핏 광고를 통해 수익 창출 중
문제 리스트와 랭킹 제공
왼쪽의 문제와 sample input
, sample output
을 보고, 적절한 코드를 오른쪽의 코드 에디터
에 입력
오류가 발생 시, 컴파일 에러
인지, 테스트 케이스 불일치
에 의한 것인지 구분하여 메시지 제공
입력코드가 정답일때(Test case에 맞고 컴파일 오류가 나지 않을 시) 질문 테스트 페이지로 이동
문제 풀이 성공 후, 질문 테스트 시작
우측 질문에 답변을 하면, 문제풀이 종료
신입생의 풀이 밑부분에 pass/fail
을 결정하는 UI
2명의 재학생이 신입생의 풀이에 comment
완료 시, 풀이 결과 도출
결과가 pass일 때
결과가 fail일 때
결과에 따라 바탕색을 변경함으로서 직관적인 UI 제공
문제풀이를 완료한 신입생 혹은 관리자, 재학생은 다른 학생의 풀이를 열람 가능
상단바의 프로필 버튼을 통해 이동 가능
사용자 정보, 푼 문제, 작성한 feedback 열람 가능
feedback이나 문제를 클릭하면 해당 페이지로 이동
관리자 등급에 한해서, 공지사항을 등록, 수정, 삭제 가능
관리자 등급에 한해서, 마이페이지를 통해 접근 가능
회원 정보 열람 및 삭제, 등업기능을 사용 가능
P&D | BE | FE & BE | FE |
박경민 @123qpq |
곽준현 @JunhyeonKwak |
변민정 @byeon22 |
최성임 @immms |