orange056

vue3를 이용해 슬라이드 기능구현을 해봤다 npm install vueperslides 먼저 vueperslides를 설치해준다 다음으로 코드이다 이건 짧아서 이해하는데 큰 어려움이 있진 않을 것이다 // npm install vueperslides // https://antoniandre.github.io/vueper-slides/ 완성된 모습 잘 안보이지만 자세히 보면 왼쪽 오른쪽 버튼도 있고 아래 부분에도 몇번째 사진인지 알 수 있도록 되어있다. 끝

vue3를 사용하여 슬라이드 기능구현을 해봤다. 근데 이제 그냥 슬라이드가 아닌 한 화면에 3개의 이미지가 나오고 가운데 이미지를 제외한 양쪽에 이미지는 어둡게 나오도록,,! 구현 성공!!! npm install vueperslides 위 명령어로 vueperslides를 먼저 설치해줘야한다!! 그리고 코드는 아래와 같다 // npm install vueperslides // https://antoniandre.github.io/vueper-slides/ ▼ 공식문서 바로가기 https://antoniandre.github.io/vueper-slides/

- html - script 원랜 더 길었지만 필요한 부분만 두고 나머지 부분은 지웠다 파일을 선택하면 위처럼 미리보기가 나온다 ^-^

- vue 설치 npm install vue - vue cli 설치 npm install -g @vue/cli ** vue cli: vue 개발을 편하게 시작할 수 있도록 프로젝트를 구성해주는 도구 - 프로젝트 생성 vue create 프로젝트명 - 프로젝트 폴더로 들어가기 cd 프로젝트명 - vue 실행 npm run serve - vue Router 설치 vue add router - mitt 설치 npm install --save mitt

1. Vue.js란? - 웹 애플리케이션을 만들기 위한 라이브러리이자 프레임 워크 - MVVM 패턴을 표방하고 있지만 코어 라이브러리는 ViewModel에 집중되어 있다 2. Vue 3의 기초 1) Vue를 프로젝트에 포함하는 방법 - CDN으로 부터 Vue 라이브러리를 Script에 포함하는 방법 - npm/yarn을 이용하여 Vue 패키지를 설치하여 사용하는 방법 --> 보통 프로젝트를 진행할 땐 npm/yarn을 이용해 패키지를 설치하고 개발함 3. vue 설치 명령어 npm install vue@next npm 커맨드를 이용할 때 g옵션을 지정하지 않으면 node_modules라는 폴더를 생성하고 해당 폴더 내에 다운로드한 라이브러리를 위치시킨다 이런 패키지의 지역설치 방법은 하드웨어 인프라에서 ..

1. vue-router설치 npm install vue-router@next 2. 라우터구성 1) path - 들어오는 URL을 의미한다 2) redirect - path로 들어온 URL을 다른 URL로 전달할 때 사용 const router = new VueRouter({ routes: [ { path: '/a', redirect: '/b' } ] }) 'a'로 접속하면 'b'로 전달 3) alias - redirect와 비슷하지만 URL을 변경하는 개념은 아님 const router = new VueRouter({ routes: [ { path: '/a', component: A, alias: '/b' } ] }) 'a'로 접속하면 URL은 변하지 않지만 'b' URL의 화면을 보여줌 4) name..