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

© 2026 SYDE. All rights reserved.

광클스탑 썸네일

광클스탑

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

Do Young 프로필 이미지
Do Young프론트엔드 개발자 | 풀스택 지향
광클스탑 썸네일

광클스탑

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

Do Young 프로필 이미지
Do Young프론트엔드 개발자 | 풀스택 지향
46
광클스탑 스크린샷 이전
광클스탑 스크린샷 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프론트엔드 개발자 | 풀스택 지향
댓글 및 리뷰
My avatar