[VueJS] NuxtJS에 jQuery 적용하기

• NuxtJS와 VuetifyJS로 프로젝트를 진행하면서, jQuery 기반 프로젝트에서 사용했던 기능들을 Vue로 구현하려 했으나, 일부 기능은 Vue 기반 오픈 소스에서 찾을 수 없었고, 시간적 제약으로 인해 jQuery를 사용하기로 결정했다.

• 프로젝트 생성은 NuxtJS 웹팩을 받은 후 VuetifyJS를 적용하였고, jQuery 적용을 위해 static 디렉터리에 jquery.js 파일을 넣고 nuxt.config.js에 script를 추가하였다.

• 적용 여부를 확인하기 위해 page 디렉터리에 jquery.vue 파일을 만들고, 입력창에 텍스트를 입력 후 버튼을 누르면 jQuery 방식으로 입력창에 입력된 값을 불러오는 코드를 작성하였다.

• jQuery 기반 플러그인 slick.grid.js를 뷰로 구현하려 했으나, 뷰 버전이 없어서 ag-grid-vue를 사용해봤지만, 유료 버전이 아니면 주요 기능을 구현할 수 없어 jQuery를 적용시키기로 결정하였다.