이 정렬 시각화 도구 소개
알고리즘과 배열 크기를 선택하고 시작을 누르면 정렬 과정을 프레임 단위로 볼 수 있습니다. 비교 중인 두 막대가 노란색으로 표시되고, 교환과 덮어쓰기도 그때그때 화면에 반영됩니다. 다섯 가지 알고리즘은 모두 제너레이터로 구현되어 비교/교환/쓰기 연산을 한 번에 하나씩 생성하며, 메인 루프는 속도 슬라이더에서 정한 프레임당 단계 수만큼 진행됩니다. 언제든 일시정지하거나 재개하고, 새 배열을 만들어 다시 시연할 수 있습니다.
아래 통계 패널에는 비교 횟수와 교환/쓰기 횟수가 실시간으로 표시되어, O(n²) 버블 정렬과 O(n log n) 퀵 정렬·병합 정렬의 작업량 차이를 한눈에 비교할 수 있습니다. 모든 애니메이션은 외부 라이브러리 없이 브라우저에서 로컬로 렌더링되며, 알고리즘 입문 학습과 수업 시연에 적합합니다.