vue
font-family에서 글꼴을 찾지 못하는 오류
@font-face{ font-family:"NanumGothic"; src:url('src/assets/fonts/NanumGothic.eot'), url('src/assets/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), url('src/assets/fonts/NanumGothic.woff') format('woff') } 이렇게 작성하고 빌드하면 글꼴을 찾지 못하는 오류가 있었다. @font-face{ font-family:"NanumGothic"; src:url('~@/dataplatform/assets/fonts/NanumGothic.eot'), url('~@/dataplatform/assets/fonts/NanumGothic.eot?..
프로젝트 구성
기본 프로젝트 구성 src/ api : api 설정에 관한 js assets : css, font, image 등 기타 파일들 components : view에서 사용하는 컴포넌트 파일들 mixins : mixin 관련 파일 routes : routing 관련 파일 store : store 관련 파일 views : 각 페이지에 해당하는 view 파일 App.vue : vue의 첫 시작 main.js : vue 기본 세팅 js .env.development : 개발용 환경설정 파일 .env.production : 배포용 환경설정 파일 babel.config.js : 트랜스파일 관련된 babel 설정 package.json : npm 관련 설정 vue.config.js : webpack 관련 설정
vue cli3란?
vue 개발을 편하게 하기위한 command line interface로 vue.js에서 공식으로 제공하는 cli이다. 우선 node.js 8.9 이상 버전이 필요하다. 설치 npm install -g @vue/cli 시작 vue create 하면 기본적인 프로젝트 설정이 나온다. 구성 babel.config.js : babel과 관련된 설정 파일 package.json : npm에 관련된 설정 파일 vue.config.js : webpack과 관련된 설정 파일