안녕 Dev.to, 나는 Bitrus야
발행: (2026년 3월 28일 오전 03:47 GMT+9)
3 분 소요
원문: Dev.to
Source: Dev.to
소개는 짧게 할게요—저는 나이지리아 출신의 풀스택 개발자이며, CRAN3(Call of Duty 유저명이자 대부분의 소셜에서 사용하는 핸들)으로 알려져 있습니다. 방금 제가 공유하고 싶어하는 무언가를 출시했습니다.
DSA와의 여정
데이터 구조와 알고리즘에 어려움을 겪었습니다. 시도하지 않아서가 아니라(오히려 많이 시도했지만) “이진 탐색은 O(log N)”이라는 문구를 반복해서 읽어도 감이 오지 않았습니다. 직접 보는 것이 필요했죠. 그래서 좌절에 맞서기보다 그것을 활용해 AlgoTracker를 만들었습니다.
AlgoTracker
AlgoTracker는 시각적인 DSA 도구입니다. 알고리즘을 선택하고 데이터를 입력하면 실시간으로 단계별 실행 과정을 볼 수 있습니다.
주요 기능:
- 선형 탐색 및 이진 탐색
- 선택 정렬 및 삽입 정렬
- 단계별 시각화 도구
- 입력 크기에 따라 각 알고리즘을 실제로 실행하고 소요 시간을 그래프로 표시하는 시간 복잡도 그래프 (O(log N)은 평탄하게 유지되고 O(N²)은 급격히 상승하는 것을 확인할 수 있음)
React, Tailwind CSS v4, 그리고 Recharts 로 구축되었습니다.
데모
여기에서 사용해 보세요:
https://algo-tracker-vu7t.vercel.app/
소스 코드
GitHub에 저장소가 있습니다:
https://github.com/Cr4N31
스크린샷
