SYDESYDE
SYDESYDE
  • 피드
  • 쇼케이스
  • 블로그
  • 모임
SYDESYDE© 2026 SYDE. All rights reserved.
SYDE 소개문의하기
Kakao
SYDE 오픈채팅
Instagram
Instagram
Threads
Threads
커뮤니티 가이드라인협업문의이용약관개인정보처리방침
커뮤니티 가이드라인협업문의이용약관개인정보처리방침

© 2026 SYDE. All rights reserved.

광클스탑 썸네일

광클스탑

우리 학교 실제 화면으로 미리 해보는 수강신청 연습, 전국 대학생과 실시간 선착순 배틀까지

Do Young 프로필 이미지
Do Young프론트엔드 인턴 2곳 병행 중, 풀스택 지향
광클스탑 썸네일

광클스탑

우리 학교 실제 화면으로 미리 해보는 수강신청 연습, 전국 대학생과 실시간 선착순 배틀까지

Do Young 프로필 이미지
Do Young프론트엔드 인턴 2곳 병행 중, 풀스택 지향
26
광클스탑 스크린샷 이전
광클스탑 스크린샷 1
광클스탑 스크린샷 다음
소개

👉 지금 바로 연습하기: https://gcstop.co.kr

😵 수강신청, 매번 광클 한 번에 한 학기가 갈립니다

학교마다 수강신청 화면이 다르고, 실전 기회는 한 학기에 한 번뿐입니다. 광클스탑은 실제와 같은 환경에서 미리 손에 익히도록 만든 수강신청 연습 서비스입니다.

✨ 주요 기능

📚 D-7 · 학교별 실전 연습

  • 전국 26개 대학의 실제 수강신청 화면을 재현했습니다.

  • 서버 지연(없음, 가벼움, 보통, 심함)을 고를 수 있어 트래픽이 몰린 상황도 연습할 수 있습니다.

  • 끝나면 완료 시간을 0.01초 단위로 기록합니다.

⏱️ D-1 · 정각 타이밍 연습

  • 정각에 맞춰 클릭하는 연습입니다. 내 네트워크 지연을 반영해 몇 ms 빠르고 늦었는지 판정합니다.

🕐 D-0 · 대학 서버시간 측정

  • 수강신청 사이트 주소를 넣으면 표준시 동기화, 대학 서버 시계 오차, 내 접속 지연을 함께 보정한 서버시간을 보여줍니다.

  • 정각 시보와 실시간 채팅을 지원합니다.

⚔️ 언제든 배틀 · 실시간 선착순 수강신청

  • 2분마다 새 라운드가 열리고, 전국 사용자와 봇이 한정된 정원을 두고 동시에 신청합니다.

  • 잔여석과 랭킹이 실시간으로 갱신됩니다.

  • 메달과 대학 대항 점수로 우리 학교 순위를 겨룹니다.

🛠️ 기술적으로 신경 쓴 부분

  • 동시성: 같은 과목에 동시 신청이 몰릴 때 Redis 분산락으로 정원 초과를 막습니다. Redis 장애 시에는 DB 비관적 락으로 넘어갑니다.

  • 실시간 반영: Outbox 패턴과 SSE로 랭킹, 잔여석 변경을 모든 접속자에게 전파합니다.

  • 대기열 서버: 트래픽 폭주에 대비해 Redis ZSET 기반 대기열과 입장 토큰 서버를 따로 구축했습니다. k6 부하 테스트로 처리량 한계를 측정해 입장 속도를 정했습니다.

  • 서버시간 측정: 대학 서버 응답의 Date 헤더를 여러 번 받아 오차 구간을 좁히는 방식으로 정확도를 높였습니다. 외부 URL을 받는 기능이라 SSRF 차단과 요청 수 제한을 넣었습니다.

🧰 기술 스택

  • Frontend: React 19 · TanStack Query · Tailwind

  • Backend: Spring Boot 3 (Java 21) · PostgreSQL · Redis(Redisson) · SSE · WebSocket

  • Infra: Docker Compose · Nginx · GitHub Actions

수강신청 전에 한 번 들러서 연습해 보세요. 지원했으면 하는 학교나 피드백은 댓글로 남겨주시면 반영하겠습니다! 🙌

웹사이트 방문하기
SYDERS의 손 끝에서 탄생했어요.
D
Do Young
@from.dozero프론트엔드 인턴 2곳 병행 중, 풀스택 지향
댓글 및 리뷰
My avatar