JNarin Development Story

뷰 라우터도 리액트에서 쓰이는 라우터와 비슷한 듯 약간의 명칭만 조금 달라지는 것 같다. 먼저, 뷰 프로젝트에 라우터를 설치한다. $ npm install vue-router@4 OR $ npm i vue-router OR $ yarn add vue-router@4 이 글을 볼 때 4버전이 아닐 수 있으니, 공식문서에서 한번 더 체크를 권장한다. 먼저 프로젝트에 라우터를 설정을 한다. import { createWebHistory, createRouter } from "vue-router"; import Component1 from './Component1.vue'; import Component2 from './Component2.vue'; const routes = [ { path: "/경로1", c..

어쩌다 보니 vue를 쓰게 되다 보니 최근에 미니 플젝을 잠시 중단하고 vue에 대해 공부 중에 있습니다. Vue에서 scss를 변수를 설정하기 위해서는 두 가지를 프로젝트에 설치를 해야 합니다. npm i node-sass sass-loader node-sass 스타일시트 전처리 언어입니다. sass나 scss를 사용할 수 있습니다. sass-loader SCSS 파일을 가져와 CSS로 컴파일합니다. 여기서 컴파일은 특정 프로그래밍 언어로 쓰여 있는 문서를 다른 프로그래밍 언어로 옮기는 언어 번역 프로그램을 말한다. 즉 필자가 이해한 바로는 한국어를 영어로 바꿔주는 거로 이해가 되었습니다. 즉, node-sass로 sass 혹은 scss를 사용할 수 있으며, sass-loader가 sass/scss 확..