# vue

301개의 포스트
post-thumbnail

[Vue.js] NavigationDuplicated 에러 해결하기

현재 프론트에서 아래와 같은 에러가 콘솔에 출력된다.이는 프론트에서 같은 페이지로 router.push('path')를 하게될때 발생하며 예를들어 메인페이지에서 헤더의 메인페이지로 이동하려고 할때 위와같은 에러가 출력된다.$router.push()의 에러핸들링을 안해줘

약 4시간 전
·
0개의 댓글

Vue3 에 vue-route 추가하기

멋모르고 npm install vue-router 추가했었는데 잘 안되더라. 알고보니 vue-router@next 를 설치해야했었다.

약 5시간 전
·
0개의 댓글
post-thumbnail

[Chart.js] 차트를 그려보자 - 바닐라, React, Vue에서 Chart.js로 차트그리기

Chart.js 는 유용한 자바스크립트 차트 라이브러리다.바닐라 자바스크립트로도 차트를 그릴 수 있고, 프레임워크들과의 통합도 쉽다.그리고 크로스 브라우징이 가능하다.다양한 형태의 차트들도 제공하고 있다.Vue에서 Chart.js를 사용하는 방법을 간단히 포스팅하겠다.

약 6시간 전
·
0개의 댓글

Vue 09-3 Vue-CLI & router Project 보충

Vue Router 추가 개념 ⭐ 1. 다른 컴포넌트로 보내기 2. 주소창으로 넘긴 데이터 활용하기

약 11시간 전
·
0개의 댓글
post-thumbnail

Vuex

어디에서든 빼서 쓸수있는 이동 냉장고누구든 이해할수 있는 설명일수도 있고, 숙련자가 본다면 그러지 않을수도 있다.1.상태 는 앱을 작동하는 원본 소스 입니다.2.뷰 는 상태의 선언적 매핑입니다.3.액션 은 뷰 에서 사용자 입력에 대해 반응적으로 상태를 바꾸는 방법입니다

어제
·
0개의 댓글
post-thumbnail

[Vue] v-model로 select 처리

셀렉트는 라디오, 체크박스와 같이 기본적으로 문자열 또는 불리언 형의 값을 가지지만 v-bind 디렉티브를 사용하면 다양한 자료형의 값을 바인딩 할 수 있습니다.

1일 전
·
0개의 댓글
post-thumbnail

[Vue] v-model로 radio 처리

radio버튼을 반드시 하나의 요소만 담기 때문에 v-model로 연결시킨 데이터는 value 값을 가지게 됩니다.

1일 전
·
0개의 댓글
post-thumbnail

[Vue] v-model로 checkbox 처리

여러 개의 체크박스의 경우 단순히 "선택 되었다"가 아니라 여러 개가 선택되었다는 집합의 성격을 나타낸다.v-model로 바인딩 하게 되면 다음과 같이 checkedValues의 데이터 값은 배열(Array)가 된다.모든 버튼들이 일제히 선택되며 불리언(boolean)

1일 전
·
0개의 댓글
post-thumbnail

[vue.js] 네비게이션 가드

네비게이션 가드를 통해 잘못된 페이지 이동 시 리다이렉트/취소하여 Nativation을 보호하기

2일 전
·
0개의 댓글
post-thumbnail

[vue.js] 컴포넌트/엘리먼트 re-rendering 하는 법

Vue 프로젝트에서 HTML 엘리먼트를 re-rendering하는 방법

2일 전
·
0개의 댓글
post-thumbnail

[vue.js] express로 backend 연동하기

express를 이용하여 Vue 프로젝트를 서버에 올릴 때 URI를 매칭하는 방법

2일 전
·
0개의 댓글
post-thumbnail

Vue 09-2 Vue-CLI & router Project 구현

💻 vue-cli 와 router를 활용해서 간단하게 로또번호 추첨 SPA를 만들어보겠습니다.

2일 전
·
0개의 댓글
post-thumbnail

Vue + Express 웹 사이트 만들기 (2) Vuex 4.0 Migration

vuex 신규 버전이 있다는 소식을 접했고 새 거 처돌이는 마이그레이션을 하기로 했다! Vuex 4.0을 사용하려면 Vue 역시 2.x에서 3.x 로 버전업해주어야 한다.이전 작업에서 frontend 소스를 건드린게 없으니 과감하게 지워버리고 vue 3를 새로 설치한다

2일 전
·
1개의 댓글
post-thumbnail

Vue + Express 웹 사이트 만들기 (1) Initial setting

친구랑 같이 4주짜리 미니 해커톤을 진행하기로 했다.오랜만에 백엔드 작업을 하려니 왕 설레~우선 작은 규모의 프로젝트이니만큼 하나의 repo 에 client와 server 소스를 함께 두어 관리 포인트를 줄이기로 했다. github 에서 boilerplate 찾기👉

3일 전
·
0개의 댓글
post-thumbnail

Vue 09-1 Vue-CLI & router Project 개념

📚 Vue 프로젝트를 만들기 위해 vue 구조와 vue router에 대해 알아봅시다.

3일 전
·
0개의 댓글
post-thumbnail

[Vue] Vuex 개념 Book

사이트Github : 소스코드 확인Web : Netlify를 활용한 결과 WebSiteNetlify : 무료 정적 호스팅 서비스작업도구VSCodeVueJscore-js : ^3.6.5vue : ^2.6.11vue-router : ^3.2.0vuex : ^3.4.0구성1

3일 전
·
0개의 댓글
post-thumbnail

[vue.js] cdn CSS 파일 추가하기

Vue 프로젝트 내에 cdn CSS 파일을 추가하는 방법

4일 전
·
0개의 댓글
post-thumbnail

[vue.js] Github Pages로 배포하기

Vue로 제작한 정적 홈페이지를 Github Pages를 통해 배포하는 방법

4일 전
·
0개의 댓글
post-thumbnail

렌더리스 Vue.js 라이프사이클 Hook 컴포넌트

Markus Oberlehner의 <향상된 Vue.js 어플리케이션 아키텍쳐 설계하기>의 세번째 포스팅

4일 전
·
0개의 댓글

[VUE] 🌱우아한 프로젝트 구조 짜기

엔터프라이즈라고 부르기엔 구조가 좀 협소하지 않나?누군가 그렇게 물었고 반년이 지났다.너무너무 신경쓰인다. >협소한 구조&lt; 란 대체 무엇이며 우아한 프로젝트의 구조란 무엇인가?vue cli 로 자동 생성한 프로젝트의 구조를 보면 vue 가 어떤 방식의 구조를 선호

4일 전
·
0개의 댓글