작업 데모 페이지 저장소
Demo Page : https://juno-ryu.github.io/demos
Demo : https://juno-ryu.github.io/demos/JavaScript/AutoComplete
Github : https://github.com/juno-ryu/AutoComplete.js
AutoComplete.js는 es6++ 문법으로 작성된 input박스 자동완성 module이다. 초성검색, 중단검색, 전체검색 등을 지원하며 각종 검색 Search Bar 구현에 사용 될 수 있다.
Demo : https://juno-ryu.github.io/demos/JavaScript/Carousel/
Github : https://github.com/juno-ryu/Carousel.js
Carousel.js는 JavaScript es6++ 이상 문법으로 제작되었다. 간편하게 Slide를 이용하도록 제작된 자바스크립트 플러그인 이며, 각종 롤링 배너 관리 제작에 사용 될 수 있다.
Demo : https://juno-ryu.github.io/demos/JavaScript/lotteryScratch/
Github : https://github.com/juno-ryu/lotteryScratch.js
lotteryScratch.js는 HTML5 canvas를 사용하여 제작되었다. 마치 복권을 긁는 듯한 이벤트를 처리해주는 자바스크립트 플러그인 이며, 브라우저에서 각종 이벤트 페이지 제작에 사용될 수 있다.
Demo : https://juno-ryu.github.io/demos/React/auto-calculate-history/
Github : https://github.com/juno-ryu/auto-calculate-history
모임자리에서 여러명이 정산 할 때 늦게 오거나 일찍가는 친구들을 위해 만든 자동 더치페이 App 참여율을 %로 나누어 progress bar를 설정하는 UI를 구현하였으며, 더치페이 후에도 정산 되었는지 확인 할수 있도록 리스트 및 입금 체크여부 UI를 구현하였다.
Demo : 현재 riot games의 API 버전이 v3 -> v4로 올라감으로 인해 오류발생 v4로 업그레이드 필요
Github : https://github.com/juno-ryu/React-lol-state
리그오브레전드 게임 전적, 승률, mmr정보, 게임 내용 등의 조회가 가능한 React 프로젝트
Demo : https://juno-ryu.github.io/demos/React/todo-application/
React 를 처음 접하며 해본 프로젝트이며 간단한 todo list 조회가 가능하다.