오늘은 어제보다 나아지길

새로 들어갈 프로젝트에서 vue.js 2.x버전과 Typescript를 사용한다는 말을 듣고 Typescript를 사용해본적이 없던지라 부랴부랴 프로젝트를 생성하고 Typescript를 적용해보았다. Typescript를 적용할땐 문법적인것이 기존의 방식이랑 살짝 달라졌기에 당황... 먼저 설치 먼저 진행해보록 하자! 전에 vue.js 설치하는 포스팅을 쓴적이 있는데 요번엔 다른 명령어로 설치를 해보았다. vue create 을 입력하면 프로젝트가 설치된다. ( vue-cli 버전 2.x 일땐 vue init~ 으로 설치, vue-cli 버전 3.x 이상 일땐 vue create 으로 설치) 그후 사용자의 입맛대로 설치를 진행할수있다. 버전, typescript, router. vuex, eslint 사..

Vue.js 3.0으로 업그레이드되면서 몇몇 가지가 바뀌었는데 그중 하나가 main.js 에서 전역적으로 사용하는 방법이 바뀌었다. // vue.js 2.x // main.js import axios from 'axios'; Vue.prototype.$axios = axios; new Vue({ el:#app, components: { App }, template: '' }); // Main.vue . . . 2.x 버전에선 prototype으로 선언 후 사용하였지만 이젠 달라졋다. // vue.js 3.x // main.js import App from './App.vue' import axios from 'axios'; const app = createApp(App); app.config.global..

Mac 기준 1. Yarn 설치 (Sudo) npm install -g yarn ( 권한이 없을 시 맨앞에 sudo 붙여서 실행 ) 2. yarn 혹은 npm 으로 설치 npm install -g @vue/cli 또는 yarn global add vue/cli yarn global add @vue/cli yarn global add @vue/cli-init —> 이걸로 3. 프로젝트 이름 생성 vue init 위와 같은 커맨드로 프로젝트를 시작할 수 있습니다. 제공되는 템플릿은 총 다섯 가지로 webpack, webpack-simple, browserify, browserify-simple, simple 이 있습니다. 4. 실행 해당 디렉토리로 들어가 yarn dev npm ERR! Maximum cal..