viewgorithm-frontend

Tech

• Vue.js
• tailwind css
• vue Router
• vue-Chart.js
• vue-code-highlight
• D3.js

사용방법 안내

✨ 회원가입

Join 버튼을 눌러 회원가입 페이지 포워딩

정보 기입 후 회원가입 가능

✨ 로그인

Login 버튼을 눌러 로그인 페이지 포워딩

사용자 정보 기입 후 로그인 가능

✨ 알고리즘 데이터 조회

리스트 요소 부분을 클릭 시 해당하는 알고리즘에 대한 정보 조회 가능

Play 버튼 클릭 시 해당 알고리즘 해결 과정 시각화, Pause 클릭 시 알고리즘 해결 도중 멈춤, Shuffle 클릭 시 숫자를 무작위로 섞어준다.

빅 O 기준으로 시간 복잡도를 Chart.js를 통해 그래프로 표현

Select Box 를 통해 Language 선택 시 해당 코드 시각화

✨ 게시글 조회

Community 버튼 클릭을 통해 커뮤니티 페이지 포워딩

커뮤니티 리스트 조회 가능 및 상세 게시글 클릭 시 조회 가능

✨ 게시글 작성

게시글 페이지에서 Create 버튼 클릭 시 게시글 작성 모달창 활성화

작성 Tool을 이용하여 글 작성 후 등록 가능

로그인을 하지 않은 상태일시 안내문 출력 후 등록 방지