vaco-breaker / sorting-algorithm-visualization

정렬 알고리즘 시각화 애니메이션(bubble, insertion, merge, selection)
0 stars 0 forks source link

feat: 각 정렬에 대한 fixed와 sorting effect 구현 완료 #24

Closed SsongQ-92 closed 2 months ago

SsongQ-92 commented 2 months ago

📖 작업 내용

각 정렬 generator function의 로직에 따른 yield 값 수정 및 yield 반환 시점 수정

array 뿐 아니라, i, j, tmp, lowestIndex 등 변수를 포함한 배열 반환

createBarArraytextContent 변수 수정

Insertion sort의 경우, tmp 값을 활용하여 실제 inserting되는 것을 구현해주기 위해, tmpInfo라는 값을 활용하였다. j와 동일한 index의 경우 태그의 textContent 값을 tmp 값으로 적용하였다.

checkWhichFixed 함수 구현

확정(고정)된 인덱스에 대한 색깔 적용을 위해 각 sortType마다 고정된 인덱스 배열을 리턴

checkWhichBeingSorted 함수 구현

현재 움직일 뿐 아니라 의미있는(tmp, lowestIndex) 인덱스에 대한 색깔 적용을 위해 각 sortType마다의 beingSorted 인덱스 배열을 리턴

animation 완료 시 blink 효과 적용

sorted-completed class 적용

✅ PR 포인트

📸 스크린샷