[visual sort] 1.프로젝트 생성

서론

유튜브에서 이런 영상을 시청했다. 어떻게 만들었는지는 모르겠지만 비슷하게 따라해본다면 재밌는 결과가 나올 것 같아서 도전해 보았다.

프로젝트 구조

단일 페이지로 이루어진 사이트에서 요소 개수와 정렬 종류를 선택하면 정렬 과정을 보여주는 그런 프로젝트가 될 것이다.

그림판으로 간단하게 그려보았다.

먼저 프론트 엔드는 vue.js를 사용하고 python django를 이용해서 정렬과 관련된 값들을 전달한다. ctypes를 활용해서 정렬을 처리한다. 이게 얼마나 속도 차이를 가져올지는 모르겠지만 c++ dll을 만들어 보고 싶기도 해서 이런 방식으로 구성해 보았다.