Front-end/Javascript & JQuery (1) 썸네일형 리스트형 JQuery로 사이드 스크롤 컨텐츠 만들기 잡담 이전에 순수 Vuejs와 vue-scroll-to로 구현했던 컴포넌트의 경우 반응형으로 만드려면 상당히 코드가 길고 복잡해지기 때문에, Jquery를 이용하여 다시 구현했다. 물론 Vue.js에서는 이렇게 직접 DOM을 조작하는 방식을 권장하지 않는다. 디자이너가 요구한 조건은 다음과 같다. 1. 총 6개의 컨텐츠를 가로로 배치한다. 2. 화면에는 한번에 2개의 컨텐츠만 표시된다. 3. 좌,우 버튼 클릭을 통해 다른 컨텐츠를 볼 수 있다. 4. 좌측 끝, 우측 끝에서는 각각의 버튼이 숨김 처리된다. 해결법 우선, Vue.js에서 JQuery를 이용하려면 몇가지 설정이 필요하다. 가장 처음은 설치다. npm install --save jquery 그리고 안에서 jQuery를 import한다. impo.. 이전 1 다음