728x90
반응형
- [Vue.js] a 태그에 href, @click 각각 사용시 Carousel 슬라이드 작동 문제2022-12-29 15:17:58a 태그에 @click를 적용하여 Carousel을 사용한 페이지로 이동하였는데 Carousel 슬라이드가 작동하지 않는 문제가 생겼다. 해당 페이지의 주소창에서 엔터키를 치면 정상적으로 작동하는 것으로 보아 Carousel의 문제는 아닌 듯했다. 그래서 a 태그에 @click 대신 href에 해당 페이지의 라우터를 넣어주었다. 그랬더니 페이지 이동 즉시 Carousel의 슬라이드가 작동했다. Carousel은 아래의 부트스트랩을 사용했다. https://getbootstrap.com/docs/5.3/components/carousel/ Carousel A slideshow component for cycling through elements—images or slides of text—like a ca..
- [Vue.js] Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '블라블라')2022-12-29 10:58:18computed에 실시간으로 변경되는 데이터를 가공하는 코드를 작성하던 중 자주 만나게 되는 에러였다. 호출한 배열의 값이 없는 상태에서 특정 인덱스를 지정한 경우에 발생했다. 웹 애플리케이션이 작동하지 않는 것은 아니나 콘솔창이 계속 이런 에러를 뱉어 내지 여간 거슬리지 않을 수 없다. 조건문을 사용해 해결했는데 방법은 다음과 같다. if (gidManhole.length === 0) { return } gidManhole는 진행 중인 프로젝트에서 사용한 배열명이다. gidManhole 배열에 값이 없으면 아얘 다음 코드로 진행하지 못하도록 처리한 것이다.
- [Vue.js] VS Code에서 template 태그의 빨간 줄 없애기2022-11-25 11:13:13"VS Code에서 폴더 열기 할 때 해당 프로젝트의 폴더 열기"로 해결 vue cli로 프로젝트 생성 후 작업하다 보면 이유 없이 태그에 빨간 줄 에러 표시가 표시되기도 한다. 이 문제는 VS Code에서 폴더 열기를 할때 해당 프로젝트의 폴더를 열기하면 해결된다. 만약 상위 폴더를 열기 하면 에러가 표시되나 코딩에 영향을 주지는 않는다.
- [Vue.js] eslint 설치 에러 해결(버전 문제)2022-11-15 15:15:03package.json의 devDependencies에 등록된 eslint가 설치가 되지 않아 버전을 변경하였더니 문제가 해결되었다. eslint 설치 에러 "devDependencies": { (...생략...) "eslint": "^7.32.0", "eslint-plugin-import": "^2.25.3", "eslint-plugin-node": "^11.1.0", "eslint-plugin-promise": "^5.1.0", "eslint-plugin-vue": "^8.0.3" }, 위 버전을 install 했는데 아래와 같이 에러가 발생하였다. >npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tr..
- [Vue.js][유튜브 강의 노트] 개발자의품격_한시간만에 끝내는 Vue.js 입문 #22021-11-25 14:09:25학습내용 1. 강의영상 https://youtu.be/sqH0u8wN4Rs 유튜버 개발자의 품격님의 "한시간만에 끝내는 Vue.js입문" 강의 내용은 크게 두 파트로 나눌 수 있겠다. 본 페이지에는 Vue.js의 다음과 같은 내용을 다룬다. 데이터 처리 메소드 Instance-Lifecycle 데이터 바인딩 v-model 사용 @이용 이벤트 호출 배열 형식의 데이터 v-for 콘트롤 v-if(또는 v-show) 이용한 엘리멘트 화면 보이기(감추기) watch 이용 실시간 데이터 모니터링 2. 학습 중 작성한 코드 Welcome to {{title}}! Welcome to {{title2}}! Get Set {{d.t}} {{d.v}} {{d.t}} 3. 코드 실행 C:\workspace\vuejs\tes..
- [Vue.js][유튜브 강의 노트] 개발자의품격_한시간만에 끝내는 Vue.js 입문 #12021-11-23 00:05:05학습동기 앞으로 Vue.js의 쓰임이 많아 질거란다(2021년 하반기 유튜버 개발자의 품격, 빵형님의 공통적 견해). 그래서 궁금해 하던 차였다. 긴 강의는 부담이 되어서 일단 이 강의를 선택해 맛이라도 보려고 했다. Vue.js 설치시 npm을 사용하기 때문에, Node.js를 먼저 학습하기를 권한다. 학습내용 1. 강의영상 https://youtu.be/sqH0u8wN4Rs 유튜버 개발자의 품격님의 "한시간만에 끝내는 Vue.js입문"강의 내용은 크게 두 파트로 나눌 수 있겠다. 본 페이지에는 Vue.js의 설치와 라우팅에 대한 내용을 다룬다. 2. vue cli 설치 C:\workspace\vuejs>npm install -g @vue/cli 3. test 프로젝트 생성 C:\workspace\vu..
728x90
반응형