Work
Full-Stack · Automation2025

CodePen Clone

과제 제출·검증 시스템

풀스택 · 브라우저 자동화

CodePen은 공식 API가 없어, 서버가 실제 브라우저를 띄워 사람처럼 조작하도록 만들었습니다. 제출 코드를 자동 수집하고, 제출 후 몰래 수정했는지까지 검증하는 게 핵심입니다.

자동화 엔진

  • Playwright(+stealth)로 CodePen 브라우저를 무인 제어 — Pen 생성·코드 다운로드
  • 제출 후 무단 수정을 탐지하는 위변조 검증 로직
  • APScheduler로 과제 마감 시각 자동 처리

시스템

  • Google OAuth2 인증, 교수/학생 역할 분리, 그룹·초대 대기열
  • 점수 CSV 일괄 내보내기, 제출물 일괄 다운로드
  • Nginx 리버스 프록시 + Docker 배포

Stack

FastAPISQLModelPlaywrightAPSchedulerOAuth2NginxDocker
NextHallym Notifier