진스

위처럼 @로 절대 경로를 설정해도 style 내에선 오류만 난다.. 아래처럼 .. 으로 경로를 찾으면 동작한다. 그런데 아직 이방법이 맞는지는 정확히 모르겠다.

방식 1. "역활"과 "이름" : btn, tab, tit, desc, nav, bg, gnb, lnb, snb, pop, popup /이름 "영역"과 "리스트" : wrap, area, inner, box, section, article, aside / list "상태"과 "순번" : 카운드 숫자, on, off, over, active #wrap 페이지(#heaer, #container, #footer)전체 #header 로고를 포함한 상단 영역 #container #heaer, #footer를 제외한 영역 #contents 처음 컨텐츠가 시작하는 영역, "#container" 안에 바로 컨텐츠가 시작되는 구조면 "#contents"가 대신 할 수 있다. #footer copyright를 포함한 하단..

:root 가상 클래스 웹 문서 구조에서 특정 위치에 있는 요소를 선택하는 가상 클래스이다. :root 선택자는 웹 문서 구조에서 가장 상위 요소를 선택할 때 사용한다. 즉, html에서 root은 항상 html을 가리킨다. 그러나 html보다 :root 가상 클래스의 스타일 적용 우선순위가 더 높다. 문서 전반적으로 재사용할 임의가 있는 값을 작성한다. :root을 이용해 최상위 요소에 변수를 선언하면 모든 요소에서 이 변수를 사용할 수 있다. 이렇게 :root을 사용하여 변수를 사용하게 되면 한 번에 수정이 용이하다. CSS :root 변수 선언 웹 문서에서 공통으로 사용될 속성을 미리 변수에 선언한다. --(하이픈 2개) 다음 속성 이름을 정해주고 : (콜론) 뒤에 속성 값을 적어준다. :root ..

1. 업그레이드 npm update -g @vue/cli (안될시 vscode 에디터 껐다 켜서 다시 실행해봄) 2. 업그레이드 안될 시 재설치를 위한 vue-cli 삭제 명령어 : npm uninstall @vue-cli -g 2-1. 명령어 삭제가 안될 시 C:\Users\ [myapp] \AppData\Roaming\npm\node_modules\@vue 폴더와 C:\Users\ [myapp] \AppData\Roaming\npm\vue 폴더를 모두 삭제 3. 재설치 명령어 : npm install -g @vue/cli 4. (잘 설치되었는지) 버전 확인 명령어 : vue --version 5. vue 환경의 프로젝트 생성 프로젝트명 : vue-cli 명령어 : vue create vue-cli

App.vue 상위 컴포넌트 CheckBox.vue 하위 컴포넌트 v-model은 기본적으로 @input 이벤트 (전달) :value 값 (받을때) 으로 조절이 된다

vuejs.org/v2/guide/plugins.html#ad Plugins — Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org 1. install 메소드를 이용한 방법 plugins - ChartPlugin.js 생성 import Chart from 'chart.js'; export default { install (Vue){ Vue.prototype.$_Chart = Chart; } } main.js 내 위에 파일 임포트 및 사용 import ChartPlugin form './plugins/ChartPlugin.js'; Vue.use(ChartPlugin); barChart.vue(다른 vue파일) 파일내에서 접근 다른곳에서 이제 im..

방법 1. 1-1 . 함수를 변수로 넣어놓고 const spinner = (to, from, next) => { bus.$emit("start:spinner"); store .dispatch("FETCH_LIST", to.name) .then(() => { bus.$emit("end:spinner"); next(); }) .catch((err) => { console.log(err); }); }; 1-2. 해당 컴포넌트 위치에 변수넣어주기 const routes = [ { path: "/news", name: "news", component: () => import("@/views/NewsView"), beforeEnter: spinner, }, ] 방법 2. 2. 해당 컴포넌트에 바로 넣어주기 cons..