Skip to content

랜딩페이지 시각화 배포: TPS 저널 차트 + Live Snapshot 대시보드 - #24

Merged
JeongGihun merged 7 commits into
mainfrom
integration
Aug 5, 2026
Merged

랜딩페이지 시각화 배포: TPS 저널 차트 + Live Snapshot 대시보드#24
JeongGihun merged 7 commits into
mainfrom
integration

Conversation

@JeongGihun

Copy link
Copy Markdown
Owner

Summary

  • Performance 섹션에 TPS 저널 SVG 라인차트, Architecture 섹션 뒤 Live Snapshot 대시보드 추가
  • Auto Mode 상단 이동 + 배터리 소모 시뮬레이션, API Key 적용/검증 UI 추가
  • 백엔드 로직 변경 없음(index.html 단일 파일), 기존 /demo/* 엔드포인트만 재사용

⚠️ 머지 시 deploy.yml이 EC2(3.39.87.132) 자동 배포를 트리거함.

Test plan

  • PR #23에서 CI(pytest 73개 + ruff) 통과 확인 후 integration 머지 완료
  • 로컬 docker-compose 실기동 검증(Live Snapshot 폴링·Auto Mode·API Key 검증) 완료

feat: nginx upstream keepalive 10 → 16 튜닝
- Performance 섹션에 TPS 변화(26→1,069, read_replica 반증 포함) SVG 라인차트
- Architecture 섹션 뒤에 Live Snapshot 카드 4개(활성로봇/배터리/null rate/수집률), 기존 /demo 엔드포인트로 5초 폴링
- 백엔드 변경 없음, index.html 단일 파일. 차트는 외부 라이브러리 없이 직접 SVG로 그림
- 인증 안내 배너에 X-API-Key 입력 필드 추가, api() 헬퍼가 값 있으면 헤더에 자동 첨부
- 익명 방문자 기본 동작(키 없으면 401)은 그대로 — 순수 프론트, 백엔드 인증 로직 미변경
- 키를 넣으면 Auto Mode가 실제로 센서 데이터를 쓰고 Live Snapshot이 그에 맞춰 갱신됨
- Auto Mode 컨트롤을 POST /api/sensors 카드(접힌 아코디언 안)에서 Live Snapshot 상단으로 이동
- Auto Mode 5틱마다 로봇 배터리 1~3% 소모하는 PUT 호출 추가 → 평균 배터리 카드가 실제로 움직임
- 실시간 수집률 카드에 캡션 추가 — 브라우저 세션 기준 분당 지표이며 Locust TPS(초당·동시접속)와 다른 지표임을 명시
- autoStatus 기본 텍스트를 긴 안내문에서 "대기 중"으로 축소 (2줄 wrap 방지)
- Playground POST /api/sensors 카드에 남아있던 "Auto Mode는 상단으로 옮겼습니다" 안내문 제거
- API Key 입력을 Server Online 배지 아래(최상단)로 이동, 명시적 "적용" 버튼 클릭 시에만 반영
- 적용 시 GET /api/robots로 실제 검증 — 401이면 반영 안 하고 에러 표시(틀린 키로 조용히 401 나는 상황 방지)
- Auto Mode interval 셀렉트 변경 시 껐다 켤 필요 없이 즉시 새 주기 적용
- Hero에 "간단 테스트" 버튼 추가 — Live Snapshot의 Auto Mode 컨트롤(#quicktest)로 바로 스크롤
랜딩페이지 시각화: TPS 저널 차트 + Live Snapshot 대시보드
@JeongGihun
JeongGihun merged commit c8c42c9 into main Aug 5, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant