Breakscale

Breakscale

학습자용 시스템 설계 실험

누가 쓰나백엔드 취업 준비생 · 주니어 교육 담당자 · 서비스 운영자

설치 없이 바로

부품을 놓고 트래픽 슬라이더를 올리면 큐·지연·재시도 폭풍이 실제 시뮬레이션으로 무너지는 브라우저 시스템 설계 학습 도구

★ 1.2k최근 14일 · 하루 별 증가빈칸 = 관측 없음기준 09-16 21:00 UTC

별 1,156 · GitHub에서 09-15 19:35 UTC 확인 GitHub 확인 30시간 지연 · 7일 별 증가 관측 없음 (GH Archive) (기준 09-16 21:00 UTC)

순위 교육 분야 6위 기준 09-16 21:00 UTC

과거 기록

Breakscale의 Retry Storm 예제: 상단에 초당 100 요청, 성공 처리량 0/s, 오류 100%, 드롭 118/s 지표, 캔버스에 Client → API Server → Database 세 상자와 Database 99.9% BUSY 표시, 아래 손글씨체 설명

TESIGN TAKE

'캐시를 넣으라'는 격언 대신, 왜 넣어야 하는지를 눈앞에서 무너지는 숫자로 보여 주는 교육 도구입니다.

한눈에 보는 사실

왜 볼 만한가

시스템 설계 공부는 대개 정적인 도식과 '캐시를 넣어라' 같은 격언에 그쳐, 사용률 80%를 넘으면 p99 지연이 왜 절벽처럼 치솟는지 감이 잡히지 않습니다. Breakscale은 유한한 서버 슬롯, 감마 분포 서비스 시간, 실측 백분위를 가진 이산 사건 시뮬레이터를 브라우저에서 돌려, README 설명에 따르면 Retry Storm 예제에서 초당 100 요청이 재시도로 348건이 되어 DB가 99.9% 바쁜데 성공 처리량은 0인 장면을 보여 줍니다. 33개 부품과 23개 예제(교육용 16 + Netflix·Spotify·Discord 등 실제 아키텍처 재구성 7)가 들어 있습니다.

이걸로 무엇을 만들 수 있나

엔진(src/sim)은 React·DOM 의존이 없어 스크립트에서 Engine을 직접 돌려 교육 자료나 용량 계획 사고 실험을 자동화할 수 있고, 새 부품·예제를 추가해 자기 회사 구조를 시뮬레이션할 수 있습니다.

누구에게 맞나

백엔드 취업 준비생: 시스템 설계 면접 예제를 직접 부하 실험
주니어 교육 담당자: 재시도 폭풍·서킷 브레이커·샤딩을 시연
서비스 운영자: 장애 상황을 재현하는 사고 실험

5분 안에 시작하기

# # 설치 없이: https://breakscale.tech
# git clone https://github.com/xevrion/breakscale.git
# cd breakscale
# bun install
# bun dev   # http://localhost:5173

주의할 점

라이선스 MIT(번들된 Caveat 글꼴은 SIL OFL 1.1 별도). 브라우저에서만 실행되며 계정·텔레메트리가 없고, 설계는 공유 링크를 만들지 않는 한 내 기기에 남습니다.
로컬 실행에는 Bun이 필요합니다. 실제 회사 아키텍처 7종은 공개 자료로 재구성한 교육용 도식이며 내부 정보가 아니라고 README가 명시합니다.
Workers IO(YC F26)가 타이틀 스폰서로 표기되어 있습니다.

영수증

비슷한 도구

교육 분야에서 ★ 총합 순으로 최대 5개. 편집 항목 먼저, 그다음 저장소 카드이며 이 항목은 강조되어 있습니다. 순위와 같은 저장 스냅샷에서 뽑은 비교표이고 추천은 아닙니다. 기준 09-16 21:00 UTC

이름	★ 총합	▲ 7d	라이선스	플랫폼	마지막 push
Breakscale학습자용 시스템 설계 실험이 항목	★ 1.2k	—	MIT허용적	web	2026-09-14
novuhq/novu카드	★ 40k	—	라이선스 미확인미확인	—	2026-09-13
ankitects/anki카드	★ 30.5k	▲ +22	라이선스 미확인미확인	—	2026-09-13
zyronon/typewords카드	★ 10k	▲ +15	GPL-3.0카피레프트	—	2026-09-13
we-promise/sure카드	★ 9.9k	▲ +8	AGPL-3.0카피레프트	—	2026-09-13