1. node.js를 이용해 뷰 라우터를 깔아주자! npm install vue-router@4 설치된 뷰버전이 Vue 3 이기 때문에 라우터 라이브러리도 4버전을 설치해주자 2. router.js 생성 src 파일안에 router.js 파일을 생성을 해서 라우터를 사용할 준비를 하자. import { createWebHistory, createRouter } from "vue-router"; const routes = [ { path: "/경로", component: import해온 컴포넌트, } ]; const router = createRouter({ history: createWebHistory(), routes, }); export default router; 기본 셋팅이다. 뷰 라우터를 만든 ..

준비물 HTML 라디오에 라벨을 연결. (id="sameName")/(for="sameName") 라디오를 이용한 버튼 토글 A B C 결과 : CSS 취향대로 꾸며 주기 div { display:flex; align-items: center; } p { margin-right: 20px; } input { display:none } label { margin-right: 10px; color: #6c6c6c; border: 1px solid #9c9c9c; border-radius: 15px; background-color: #fff; height: 26px; padding: 0 15px; line-height: 27px; background-color: #fff; } .clicked_botton { ..

HTML5 / css / js / sass 사용하는데, 내가 일하고 있는 아주아주작은회사에 하청을 주는 회사의 개발자들이 뷰를 사용하고 있었다. 뷰에 대한 이해가 없는 상태에서 HTML / CSS 로 구현을 하자니 소통하는데 한계가 있고.. 뷰를 공부하고 싶은 욕심이 생겼다. 로 이동하지말고 라우터 링크(?)로 이동하고 싶어 졌다. 이제부터 뷰를 공부하는 과정을 티스토리에 기록하고자 한다.