반응형 Router2 Vue.js vue-rotuer, 라우팅하기 - vue-router 기본적인 프로젝트 주소에서 다른페이지로 라우팅 할때 쓰는 도구이다. 사이트주소/detail, 사이트주소/detail/0, 사이트주소/mypage, 사이트주소/home 이런식으로 사용할 수 있다. 사용하기 위해선 설치먼저 해줘야한다. npm install vue-router@4 https://router.vuejs.org/ Vue Router | The official Router for Vue.js The official Router for Vue.js router.vuejs.org import { createWebHistory, createRouter } from "vue-router"; const routes = [ { path: "/경로", component: 컴포넌트, } .. 2023. 4. 2. React Router 이와같은 창에서 각 상품별로 상세페이지를 이동할때 라우팅을 사용하면 매우좋다. 부드럽게 작동하기도하고 별도의 페이지를 만들기보다 컴포넌트 형태로 이동할 수 있다. 리액트 라우터를 사용하려면 설치부터해야한다! npm install react-router-dom@5 yarn add react-router-dom@5 둘중 하나 사용해주면된다, 구글 검색하면서 세팅하도록하자 그리고 index.js에서 아래와같이 세팅해줘야함 import { BrowserRouter } from 'react-router-dom' // 이거 하나를 불러와 줘야한다. /같은 경로없이 불러오는건 라이브러리다. // import { HashRouter } from 'react-router-dom' // 이와같이해도된다. 이건 주소에 #기.. 2022. 1. 13. 이전 1 다음 반응형
