알고리즘, 암기 말고 눈으로 — 알고노트 기능 소개

알고노트는

알고노트는 정렬·탐색·그래프·트리·DP를 단계별로 시각화해서 보여주는 알고리즘 학습 플랫폼입니다. 코딩 테스트 준비할 때 "이걸 왜 외워야 하지" 싶은 알고리즘을, 눈으로 한 번 보면 5초 만에 이해되게 만드는 게 목표예요. 3월에 출시한 뒤로 꽤 자랐는데, 뭐가 들어가 있는지 소개합니다.

119개+ 알고리즘, 단계별로

정렬부터 그래프, 트리, DP, 코딩 테스트 실전 문제까지 119개가 넘는 알고리즘이 올라가 있습니다. 각 단계에서 변수가 어떻게 바뀌고 메모리가 어떻게 흐르는지, 재생·되감기 하면서 원하는 속도로 볼 수 있어요. 텍스트 설명으로 30분 걸리던 게 시각화로 보면 금방입니다.

새로 들어간 라이브 코드 러너

가장 최근에 추가한 기능입니다. 시각화로 원리를 봤으면, 이제 그 자리에서 코드를 직접 돌려볼 수 있어요. Java·Kotlin·Python·JavaScript 네 가지 언어를 브라우저 안에서 바로 실행합니다. 따로 IDE 켜거나 온라인 컴파일러 탭을 새로 열 필요 없이, 보던 화면에서 코드 고치고 실행 결과까지 확인하는 거죠. "이론 → 시각화 → 실행"을 한 흐름으로 묶고 싶었습니다.

모바일에서도, 3개 언어로

기존 알고리즘 시각화 사이트들이 대부분 PC 전용이라 답답했어요. 알고노트는 모바일 퍼스트로 만들어서 지하철에서 폰으로도 봅니다. 한국어·영어·일본어 3개 언어를 지원하고요.

어디서 쓰나

웹은 algonote.io에서 바로 쓸 수 있고, 안드로이드 앱이 구글 플레이에 나와 있습니다. iOS 앱도 출시를 준비 중이에요. 블로그에 알고리즘 개념 글도 꾸준히 올리고 있어서, 앱이랑 같이 보면 도움이 됩니다.

마무리

알고리즘은 암기 과목이 아니라 이해 과목이라고 생각합니다. 한 번 눈으로 보고 직접 돌려보면 훨씬 오래 남아요. 코딩 테스트 앞두고 막막하시면 한 번 써보세요.