728x90
반응형
- [Vue.js][문제해결] 분명히 정확한 객체의 키를 입력했는데 "undefined"라니...2022-05-27 10:25:28[그림 1]의 data 배열의 값을 사용하고자 했다. 그래서 .data 키로 접근하고자 시도하였으나 "undefined"라는 결과만 출력되었다. 여러 차례 시도해 봤으나 결과는 동일했다. 다시 코드를 찬찬히 살펴보고 있는데 헛웃음이 나왔다. async $get(url) { return await axios.get(url).catch((e) => { console.log(e) }).data } 위 코드와 같이 .data를 catch에다 붙였던 것이다. 그러니 백날 시도해도 "undefined"일 수밖에... async $get(url) { return ( await axios.get(url).catch((e) => { console.log(e) }) ).data }, 위와 같이 코드를 수정하자 [그림 2]..
- [Vue.js][문제해결] xlsx 모듈 import 에러2022-05-10 14:04:25xlsx 파일의 데이터를 json으로 가져오려고 xlsx 모듈을 설치하였다. 설치한 명령어는 다음과 같다. npm i xlsx 그 결과 package.json 파일에 다음과 같이 잘 설치되었다. "dependencies": { ... "xlsx": "^0.18.5" }, 하지만 "npm run serve"로 실행하니 다음과 같은 에러가 발생했고, xlsx가 정상적으로 작동하지 않았다. export 'XLSX' (imported as 'XLSX') was not found in 'xlsx' (possible exports: CFB, SSF, parse_xlscfb, parse_zip, read, readFile, readFileSync, set_cptable, set_fs, stream, utils, ve..
- [Vue.js][문제해결] @click 이벤트에서 함수 호출 시 () 유무로 인한 문제2022-04-26 01:06:21openModal()이라는 모달 창을 정의하고 생성, 수정 버튼에서 함께 이용하고자 하였다. 이 모달 창은 id가 undefined인 경우에는 생성 버튼, id가 존재하는 경우에는 수정 버튼으로 작동한다. 그런데 생성 버튼 클릭 시 [그림 1]과 같은 에러가 발생하였다. // 생성, 수정 버튼에서 이 모달창을 사용하도록 하였다. openModal(id) { // id가 undefined인 경우에는 생성 버튼 if (id === undefined) { this.selectedItem = { product_category_id: -1, category_name: '', category_description: '' } // id가 존재하는 경우에는 수정 버튼 } else { this.selectedItem =..
- [Vue.js][문제해결] axios 오류 errno: 10642022-04-25 19:27:19[그림 1]과 같이 카테고리 데이터를 수정(put)하는 기능을 적용하고 테스트하였는데 문제가 생겼다. 콘솔에 [그림 2]와 같은 오류가 발생하였고, 다음과 같이 node 서버가 강제 중단되었다. PS C:\Users\J\Documents\GitHub\bootcamp\project\server> node .\app.js 서버가 포트 3000번으로 시작되었습니다. Error: ER_PARSE_ERROR: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'NULL where product_category_id='13'' ..
- [Vue.js][문제해결] status: 200 대신 severStatus: 2가 넘어 오는 문제2022-04-23 23:21:47Vue.js 프로젝트를 Node.js 서버와 연동하고 있다. MySQL DB의 데이터를 수정하는 기능을 구현하는데 [그림 2]와 같이 status 값이 넘어오지 않는 문제가 있었다. 아래 코드는 DB 데이터를 수정하기 위한 doSave() 함수인데 데이터를 성공적으로 수정하여 status 값 200이 뜨면 if 조건문을 실행하도록 하였다. doSave() { this.$swal({ title: '카테고리 정보를 수정 하시겠습니까?', // text: "You won't be able to revert this!", icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', cancelBu..
- [Vue.js][error] npm run serve 실행 에러 해결 | 'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. | npm ERR! code ERESOLVE2022-03-19 16:21:00Github의 프로젝트를 다른 PC에서 pull 한 후 서버를 실행했는데 실패했다. C:\\Users\\user\\Documents\\GitHub\\bootcamp\\vue\\project02>npm run serve > project02@0.1.0 serve > vue-cli-service serve 'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. .gitignore된 폴더와 파일 때문일거라 보고 npm install을 실행했는데, "npm ERR! code ERESOLVE..." 에러가 발생했다. C:\\Users\\user\\Documents\\GitHub\\bootcamp\\vue\\project02>npm install npm..
- [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
반응형