계발하는 개발자

이걸 이제야 정리해서 올린다; Vue CLI 환경에서 프로젝트를 새로 설치하며 한 번 정리해두고 가면 좋을 것 같아 정리한다. 아래 공식페이지에 들어가면 다양한 설치 방법에 대한 안내가 나와있다. 설치방법 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 v2.ko.vuejs.org 참고로 CDN/NPM 두 방식 모두 경험해본 바로 CDN 방식으로 시작하면 좀더 간편하고 빠르게 구현 가능한데 반해, 외부에서 제공하는 라이브러리이기 때문에 가끔 로딩 속도가 느려서 답답할 때가 많았다. 뭣보다 NPM 환경에서는 다양한 개발 도구 및 라이브러리를 가져다 쓸 수 있다는 게 진짜 강력하다고 느껴졌다. Vue 프로젝트 폴더 생성 vue create 프로젝트명 Vue 설치 1. npm으로 vue를 ..

참고 https://www.inflearn.com/questions/509241/comment/183225 - 인프런 에러 state를 이용해 데이터 바인딩 시키려 했는데 자꾸 위와 같은 에러가 났다. 원인 스토어가 뷰 인스턴스에 연결되지 않아 발생한 오류였다. 해결 Vue 최상위 Root 파일(Vue 파일 중에 제일 처음 시작하는 파일)에 import store from "./store"; 한 줄을 추가해주고, 루트 인스턴스에 store 등록을 해준다. 그리고 store.js 파일 윗 줄에 있는 import들 아래에 Vue.use(Vuex); 추가해주면 된다. 이러면 Vue와 Vuex 연결이 되고, $store를 사용하여 store에 접근 가능하다. 참고로 Vue 파일 구조는 아래와 같다. Root I..

참고 https://stackoverflow.com/questions/68111008/failed-to-install-vuex-in-vue3 - stackoverflow 에러 vuex를 활용하여 상태관리를 해보려 npm install vuex를 입력했더니 설치 에러가 났다. 원인 Vue 2를 사용중인데 Vuex 4를 설치하니 오류가 발생했다. Vue 2는 Vuex 3을, Vue 3은 Vuex 4를 사용한다고 한다. 해결 npm install vuex@3.4.0 --save를 사용하여 Vuex 3 버전을 설치해준다. (나는 Vue 2를 사용하는 관계로) 에러가 사라졌다.