Pre-commit을 이용한 자동 lint & testing

추가로 python formatter로 black 사용

Footer 맨 아래 공백(margin) 추가하기

도커 컨테이너 restart 이후 일부 제출이 pending 상태에서 바뀌지 않는 issue가 확인되었습니다.
Pending Queue 구현 내용을 점검하여 해당 부분의 reliability를 높일 필요가 있습니다.

Vue에서 공식적으로 v-html directive를 사용하지 않는 것을 권장하고 있음.
잠재적으로 악의적인 사용자가 html을 수정해 XSS Attack이 일어날 수 있기 때문.

https://eslint.vuejs.org/rules/no-v-html.html

현재 admin페이지에 적용되어 있는 ElementUI를 BootstapVue로 변경

1. Admin User edit 창에서 new password 입력 문제 (User.vue)
   

IP 주소를 직접 브라우저 주소창에 입력해서 접속 시 HTTPS 설정 적용 안됨

drf-yasg 활용 예정
https://drf-yasg.readthedocs.io/en/stable/

난이도 10단계로 나누어서 세분화 예정

• placeholder 글씨 색깔 연하게
• 전공 선택 칸 placeholder 설정

이메일 발송 원리 확인해보기

디자인팀 : UI 구성
프론트엔드 : UI대로 페이지 제작
백엔드 : 학년별, 전공별, 복수전공별 등의 상황에 따른 db 조회 api 만들기

배포용 파일(dist) build 시 각 chunk의 크기가 너무 큼.
웹페이지 초기 렌더링 시 너무 많은 데이터를 불러오기 때문에, 성능이 저하됨.
chunk를 적절한 크기로 나눠야 초기 렌더링에 오랜 시간이 걸리지 않음.
관련한 webpack, Vue-CLI 설정 찾아봐야 될 듯.

Compile Error 시 "클릭 시 에러 내용을 확인할 수 있습니다" 설명 추가하여 에러 내용 확인 방법을 알려준다.

• 문제 수정 시 저장이 안되는 issue
• 간헐적으로 testcase 텍스트 작성이 동작하지 않는 issue

대회 중에는 테스트케이스별 채점 결과를 보여주지 않는 것이 낫겠습니다.

각종 글꼴 업로드 및 적용

• san serif => ??
• monospace => Cascadia Code

교내 학생임을 메일(@skku.edu)로 인증한다.

Async / Await 적용

Problem 페이지에서 코드를 실행해볼 수 있도록 기능 구현하기

• 실행결과를 보여줄 방식 결정하기 + 구현하기

Test 되지 않은 코드에 대한 Testcase 작성하기

API를 필요에 따라 분류한 후

Frontend 코드 정리하기

표시 정보 수정

username => 학번(student ID)
email => @g.skku.edu 또는 @skku.edu 만 허용

추가 정보

학과 입력

Sample 사이의 간격 조정하기

언어마다 속도가 다르므로 각 문제에서 언어별 시간/메모리 제한을 다르게 할 수 있는 옵션을 추가한다.

각종 UI를 한글로 번역할 것!

문제 설명과 같이, 전반적인 UI의 좌우폭을 적당하게 줄일 것.
예: width: min(70%, 100px)

Issue

더 이상 지원되지 않는 패키지인 tar-simditor-markdown 대체하기
(pages/admin/components/Simditor.vue)

Why?

Cross-Site Scripting (XSS) Issue

구버전의 jquery를 사용해 XSS Issue 발생
XSS(Cross-Site Scripting) 이란?
NPM Advisory Info

No Longer Maintained

2017년 이후로 업데이트 X
https://github.com/itargaryen/tar-simditor

Jenkins 활용 예정
참고) https://ict-nroo.tistory.com/31

대회 중에 Announcement를 등록할 경우 경고창 등을 통한 알림이 뜨도록 하기

유저 별로 선호하는 언어(C, C++, Python3 등)를 선택하여, 다음 제출 시 해당 언어를 기본 언어로 설정한다.
다른 문제를 풀 때마다 언어를 다시 선택해야 하는 불편함을 줄인다.

드물게 Postgresql에서 deadlock이 걸리는 것을 확인했습니다.
데드락이 발생하지 않도록 로직을 수정할 필요가 있을 것 같습니다.

https://www.notion.so/postgres-Deadlock-dcd1387ab8014c3fb3302084d3438cb2

현재 프로젝트의 Django 버전은 2.2, 3.1로 업그레이드하기

https://docs.djangoproject.com/en/3.1/howto/upgrade-version/

*Django는 3.1부터 비동기를 더 지원하기 때문에, dramatiq 제거해보기

PR push 시 eslint, package 의존성 검사 등 실시

회원가입/로그인 시 Username을 Student ID로 바꾼다.

Frontend에서는 다국어 지원을 위해 i18n을 사용하고 있습니다.
우리 프로젝트에서는 다국어를 지원하지 않아도 되기에 제거하려고 합니다.

https://github.com/judge0/ide
오픈소스 활용하여 문제 내 에디터 같이 보이기

(예시 사진)

# announcement/views/oj.py
# AnnouncementDetailAPI
data["current"] = AnnouncementSerializer(announcement).data
prev_announcements = Announcement.objects.filter(id__lt=id, visible=True)
if prev_announcements:
    data["previous"] = AnnouncementSerializer(prev_announcements.latest("create_time")).data
next_announcements = Announcement.objects.filter(id__gt=id, visible=True)
if next_announcements:
    data["next"] = AnnouncementSerializer(next_announcements.earliest("create_time")).data
return self.success(data)

현재 위와 같이 구현되어있지만, Django에 바로 이전/다음 object를 가져오는 method가 내장되어있음.
해당 method를 사용한 구현으로 변경할 것.

https://stackoverflow.com/questions/6021694/getting-next-and-previous-objects-in-django

https://www.hahwul.com/2020/10/07/docker-multistage-build-for-optimazation/
Build 이미지와 running 이미지를 나누어 실제 배포되는 이미지(running)의 크기를 줄인다.

아마 우리는 이미지가 총 3개 필요할 듯

1. Frontend 빌드
2. Backend 빌드
3. 배포판 (=> skkunpc/skku-coding-platform)

#41 같이 정리하기

1. create가 성공했을 때 위 그림처럼 succeed가 두 번 발생!

2. displayID의 중복으로 create에 실패한 상황. 이 때도 succeed가 뜬다!

[백엔드]

• major 정보를 가진 테이블 추가
• 복수전공, SCSC 정보 저장하도록 User 테이블 수정하기

[프론트엔드]

• 복수전공(소프트웨어학과, 컴퓨터공학과 등 : 추가 확인 필요), SCSC 등 입력 받기

Problem Page 리뉴얼 이후 LaTex 적용이 안되는 issue

yarn build시 시간이 오래 걸리기 때문에 AutoDllPlugin을 적용하여 bulid 시간을 단축하려 합니다.

문제 설명 편집기에서 MathJax를 종종 사용하는데, 실제 출력이 어떻게 되는지 확인되지 않아 어려움이 있다.
'문제 설명 미리보기 창'을 추가해 MathJax 적용 결과를 확인할 수 있도록 한다.

컨테이너의 상태가 unhealthy일 경우 알려주는 카톡/슬랙 봇을 추가한다

Judge Sandbox의 queueing, caching, DB 병목 현상 등의 분석을 위한 load test 구현.
Locust로 구현 예정 Locust로 서버 성능 테스트하기