코딩 기록

화면에서 슬라이딩을 제공하는 라이브러리 vue-awesome-swiper 에 대한 포스팅입니다.Vue.js에선 아래에 소개하는 기본 사용 방법을 활용해 바로 프로젝트에 적용할 수 있습니다. 하지만 타입스크립트가 적용된 프로젝트라면 shims-vue.d.ts 파일에 모듈 추가를 해줘야 합니다. 전체 소스 코드는 바로 아래에 있고 vue-awesome-swiper 관련 글은 그 아래에 링크로 남겨 두었습니다. shims-vue.d.ts declare module '*.vue' { import Vue from 'vue'; export default Vue;} declare module 'vue-awesome-swiper' { import Swiper, { SwiperOptions } from 'swiper';..

vue-awesome-swiper는 화면 슬라이드 기능을 지원하는 라이브러리입니다.다른 직원 자리에선 잘 도는 소스 코드가 제 노트북에선 에러 코드더라고요. import { Component, Vue } from 'vue-property-decorator'; 검색을 해보니 이것 역시 타입스크립트에서 100% 지원하지 않아 발생하는 것이라 아래처럼 module을 추가하면 해결됩니다. 파일 추가 : vue-awesome-swiper.d.ts declare module 'vue-awesome-swiper' { import Swiper, { SwiperOptions } from 'swiper'; import Vue, { PluginObject, VueConstructor } from 'vue'; interfac..