Vue.js로 메인슬라이드 같은 기능을 구현할수있나요?
홈페이지에 있는 기존 jQuery소스를 Vue.js로 대체하려고 준비중인데요, 그동안 플러그인 위주로 적용한지라 직접 만드려고 하니 감이 안잡히네요..ㅜㅜ 우선적으로 기능 구현이 가능한지가 궁금해서 질문남깁니다.
https://vuejsexamples.com/carousel-component-for-vue-js/
위 링크와 같은 이미지 슬라이더를 원하시는게 맞는지요 다른 기능을 개발하시거나 할때도 저런 사이트를 찾아서 예제를 찾아서 따라해보시는것도 좋다고 생각합니다.
vue js image slider component < google에 검색한 명령어입니다
react vue등 저런 기능들의 예제들은 많이 나와있습니다.
jQuery도, Vue.js 도 전부 결국엔 Javascript 로 만들어진건 똑같습니다.
굳이 우기자면 둘다 큰 범위로 보면 라이브러리이고, 플러그인 입니다.
결국은 jQuery로 되면 Vue 로도 되고, Vue 로 되면 jQuery로도 됩니다.
그리고 그 모든건 결국 Javascript로 된다는 소리입니다.
그리고 굳이 가상화돔을 써야된다던가 jQuery 를 아예 100% 걷어내야만 한다던가
성능이슈상 jQuery 로드자체도 안하고 싶다던가 그런 특이한 경우들을 제외하면
그냥 어느정도 혼합해서 사용하시면 됩니다.
jQuery-min 같은 압축용 js와 Vue.js 를 같이 사용하셔도 무방합니다.
실제로 많은 사이트들이 차트, 웹엑셀 등의 grid 를 그려줘야할때는 Vue나 리엑트를 사용하면서도
다른 컨트롤은 jQuery를 사용하는 경우가 많습니다.
굳이 다른 이유가있어서 그런게 아니라면 혼합해서 사용하시면 되고.
그게 아니라도 Vue 기반의 슬라이더 플러그인이나 순수 JS 기반의 슬라이더 플러그인을 사용하시면됩니다.
대표적으로 https://glidejs.com/ 같은 순수 바닐라 자바스크립트로 구현된 슬라이더가 있네요!^^
jQuery 없이 사용가능하니 Vue.js + 해당 스크립트 다운받아 사용하시면 되겠습니다!
