Websockets
컴포넌트 노드와 연결선, 요청/응답 토큰, 저장소 상태, 장애·복구·복제 흐름을 시나리오 단계에 맞춰 갱신한다.
1 / 6웹페이지 하나를 열면 요청이 여러 개 나갑니다 — HTML, CSS, 이미지. 이 셋이 버전마다 어떻게 흐르는지 봅니다.
HTML
CSS
이미지
연결 수립요청서버 처리응답대기
단계 목록 · 키보드 ←/→ 이동, Space 재생
구현 계약펼쳐서 명세 보기 · 참고 자료
- 분류
- APIs & Protocols · frame-simulation
- 구현 핵심
- 컴포넌트 노드와 연결선, 요청/응답 토큰, 저장소 상태, 장애·복구·복제 흐름을 시나리오 단계에 맞춰 갱신한다.
- 내부 제목/모드
- WebSockets, Upgrade Handshake, WebSockets, Bidirectional Frames
- 단계·시나리오
- 서술 레코드 약 18개; 단계/상태 값 없음/정적; 기록 ID 없음/정적
- 시각 구조
- svg, rect, line, path, text; 엔티티 없음/정적; 반응형 필수
- 조작
- Step, Scenario, Reset, Pause, Replay, Play, Resume, Back, Speed:; 버튼 렌더 단서 3개
- 타이밍
- 300 ms (CSS utility), 90 ms (timeout), 1.6 s
- 도메인 용어
- start line, headers, status line, frame header