Cross Join
입력 테이블의 행을 비교·필터·그룹화·정렬하고 중간 결과와 최종 결과 행을 단계적으로 강조한다.
1 / 7두 테이블을 잇는 것이 조인입니다 — 고객(id, 이름)과 주문(id, 상품). 같은 id끼리 짝을 맺습니다.
고객 (id, 이름)
id=1김id=2이id=3박
주문 (id, 상품)
id=1책id=3펜id=3잉크id=4가방
결과
아직 없음
단계 목록 · 키보드 ←/→ 이동, Space 재생
구현 계약펼쳐서 명세 보기 · 참고 자료
- 분류
- Joins · frame-simulation
- 구현 핵심
- 입력 테이블의 행을 비교·필터·그룹화·정렬하고 중간 결과와 최종 결과 행을 단계적으로 강조한다.
- 내부 제목/모드
- CROSS JOIN, Every Combination, Levitating
- 단계·시나리오
- 서술 레코드 약 20개; 단계/상태 값 없음/정적; 기록 ID 없음/정적
- 시각 구조
- svg, rect, circle, path; 엔티티 없음/정적; 반응형 필수
- 조작
- Pause, Replay, Run, Resume, Back, Step, Speed:, play; 버튼 렌더 단서 2개
- 타이밍
- 300 ms (CSS utility), 200 ms (CSS utility)
- 도메인 용어
- track_id, title, album_id, playlist_id