Vue

  • Web Programming/Vue.js

    Vue.js 에서 스크롤 페이징(InfiniteLoading) 적용하기

    안녕하세요. 씨앤텍 시스템즈 입니다. 이번 글은 Vue.js 에서 스크롤 페이징(InfiniteLoading) 적용하는 방법에 대해서 정리해 보았습니다. InfiniteLoading사용방법은 https://peachscript.github.io/vue-infinite-loading/를 참고했습니다. 스크롤 페이징을 적용하기 위해 아래의 세 단계를 거쳐야 합니다. 1. InfiniteLoading 모듈 설치 2. .vue 파일에 InfiniteLoading 적용 3. 스크립트 적용 위의 이미지는 공식문서에서 제공하고 있는 InfiniteLoading을 적용했을 때의 화면입니다. 1. VueInfiniteLoading 모듈 설치 InfiniteLoading을 사용하기 위해 모듈을 설치합니다. npm inst..

  • Web Programming/Vue.js

    BootstrapVue 사용법

    안녕하세요. 씨앤텍 시스템즈 입니다. 이번 글은 BootstrapVue 사용법에 대해서 정리해 보았습니다. BootstrapVue는 Bootstrap을 Vue.js에서 사용할 수 있도록 만든 패키지입니다. 공식문서에서 BootstrapVue를 사용하기 위해서는 아래와 같은 환경이 필요하다고 합니다. 1. Vue.js가 필요합니다. 2. 부트스트랩이 필요합니다. 3. PortalVue는 Toasts를 사용하기 위해 필요합니다. 4. jQuery는 필요하지 않습니다. Vue.js에서 BootstrapVue를 사용하기 위해서는 패키지를 설치해야합니다. 생성한 프로젝트의 경로에서 아래의 코드를 통해 Vue.js, BootstrapVue, Bootstrap v4의 최신버전을 설치합니다. # npm에서 설치 npm..