프로그래밍 (2) 썸네일형 리스트형 Vue3 Router사용 vue3 router npm i vue-router@next --save cmd창에서 vue3 router를 설치해준다. src 폴더아래 routes 폴더 생성 routes 폴더아래 index.js를 생성해준다음 // index.js import { createRouter, createWebHistory } from "vue-router"; // 라우터에 등록할 vue파일 import Home from '@/components/Home.vue'; const routes = [ { path : "/", name : "Home", component : Home }, ] const router = createRouter({ history : createWebHistory(), routes }) export d.. Vue3 설치 우선 Vue를 사용하기위해서는 Node.js가 필요하다. 이제 Vue를 설치해보자. Installation Vue 설치 npm install -g @vue/cli Vue 설치 확인 vue -v @vue/cli 4.5.13 프로젝트 생성 vue create {project명} Vue 버전 선택 Vue 생성 완료 생성된 폴드 구성 node_modules public src assets componets HelloWorld.vue App.vue main.js .package-lock.json package.json README.md 생성된 vue project로 이동 cd my_vue 위 프로젝트로 이동후 npm run serve vue 구동 인터넷 주소창에 Local주소 http://localhost:808.. 이전 1 다음