# vue
[Vue.js] NavigationDuplicated 에러 해결하기
현재 프론트에서 아래와 같은 에러가 콘솔에 출력된다.이는 프론트에서 같은 페이지로 router.push('path')를 하게될때 발생하며 예를들어 메인페이지에서 헤더의 메인페이지로 이동하려고 할때 위와같은 에러가 출력된다.$router.push()의 에러핸들링을 안해줘
Vue3 에 vue-route 추가하기
멋모르고 npm install vue-router 추가했었는데 잘 안되더라. 알고보니 vue-router@next 를 설치해야했었다.
[Chart.js] 차트를 그려보자 - 바닐라, React, Vue에서 Chart.js로 차트그리기
Chart.js 는 유용한 자바스크립트 차트 라이브러리다.바닐라 자바스크립트로도 차트를 그릴 수 있고, 프레임워크들과의 통합도 쉽다.그리고 크로스 브라우징이 가능하다.다양한 형태의 차트들도 제공하고 있다.Vue에서 Chart.js를 사용하는 방법을 간단히 포스팅하겠다.
Vue 09-3 Vue-CLI & router Project 보충
Vue Router 추가 개념 ⭐ 1. 다른 컴포넌트로 보내기 2. 주소창으로 넘긴 데이터 활용하기
Vuex
어디에서든 빼서 쓸수있는 이동 냉장고누구든 이해할수 있는 설명일수도 있고, 숙련자가 본다면 그러지 않을수도 있다.1.상태 는 앱을 작동하는 원본 소스 입니다.2.뷰 는 상태의 선언적 매핑입니다.3.액션 은 뷰 에서 사용자 입력에 대해 반응적으로 상태를 바꾸는 방법입니다
[Vue] v-model로 select 처리
셀렉트는 라디오, 체크박스와 같이 기본적으로 문자열 또는 불리언 형의 값을 가지지만 v-bind 디렉티브를 사용하면 다양한 자료형의 값을 바인딩 할 수 있습니다.
[Vue] v-model로 checkbox 처리
여러 개의 체크박스의 경우 단순히 "선택 되었다"가 아니라 여러 개가 선택되었다는 집합의 성격을 나타낸다.v-model로 바인딩 하게 되면 다음과 같이 checkedValues의 데이터 값은 배열(Array)가 된다.모든 버튼들이 일제히 선택되며 불리언(boolean)
Vue + Express 웹 사이트 만들기 (2) Vuex 4.0 Migration
vuex 신규 버전이 있다는 소식을 접했고 새 거 처돌이는 마이그레이션을 하기로 했다! Vuex 4.0을 사용하려면 Vue 역시 2.x에서 3.x 로 버전업해주어야 한다.이전 작업에서 frontend 소스를 건드린게 없으니 과감하게 지워버리고 vue 3를 새로 설치한다
Vue + Express 웹 사이트 만들기 (1) Initial setting
친구랑 같이 4주짜리 미니 해커톤을 진행하기로 했다.오랜만에 백엔드 작업을 하려니 왕 설레~우선 작은 규모의 프로젝트이니만큼 하나의 repo 에 client와 server 소스를 함께 두어 관리 포인트를 줄이기로 했다. github 에서 boilerplate 찾기👉
[Vue] Vuex 개념 Book
사이트Github : 소스코드 확인Web : Netlify를 활용한 결과 WebSiteNetlify : 무료 정적 호스팅 서비스작업도구VSCodeVueJscore-js : ^3.6.5vue : ^2.6.11vue-router : ^3.2.0vuex : ^3.4.0구성1
[VUE] 🌱우아한 프로젝트 구조 짜기
엔터프라이즈라고 부르기엔 구조가 좀 협소하지 않나?누군가 그렇게 물었고 반년이 지났다.너무너무 신경쓰인다. >협소한 구조< 란 대체 무엇이며 우아한 프로젝트의 구조란 무엇인가?vue cli 로 자동 생성한 프로젝트의 구조를 보면 vue 가 어떤 방식의 구조를 선호