스프링 톰캣 설정 중에 [그림 1]과 같은 에러를 만났다. [그림 1] 에러에 대한 Details the server cannot be started because one or more of the ports are invalid. open the server editor and correct the invalid ports. 해결 방법은 Tomcat admin port 번호를 8005로 수정한 후 저장(ctrl+s)하면 된다.

[그림 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]..

개인 프로젝트로 "카스 전자저울 연동 Packing List 자동 생성 프로그램"을 작성 중이다. 카스 전자저울의 경우 xlsx 파일이 아닌 mdb 파일 형식으로 data가 관리된다. 현재는 "엑셀 업로드" 기능으로 xlsx 파일의 data를 가져오는 방식으로 구현하였는데 실제 현장에서는 xlsx 파일이 아닌 mdb 파일을 읽어 올 수 있어야 한다. https://www.npmjs.com/package/mdb-reader mdb-reader JavaScript library to read data from Access databases. Latest version: 2.2.3, last published: 5 hours ago. Start using mdb-reader in your project by ..

Javascript의 select에서 checked인 모든 요소를 삭제하려고 했는데 하나씩 선택 삭제는 잘 작동하는데 둘 이상인 경우 삭제가 아니라 2배로 늘어나는 기적(?)이 일어났다. 처음에는 문자열인 고객사 명만 배열로 관리했는데 인덱스를 찾아 삭제하는 것보다 객체의 키값을 찾아 삭제하는 것이 효과적일 거라는 판단이 들어 배열 내에 객체 형식으로 고객사를 등록했다. 객체의 고유한 키의 값을 사업자 번호로 삼았고 그걸 가지고 checked 된 경우 찾아 삭제하고자 했다. 삭제 방식은 checked 되지 않은 요소(고객사 객체)만 새로운 임시 배열에 push 한 후 기존 고객사 배열에 덮어 버리는 방식을 이용했다. 그랬더니 삭제하려고 했던 요소가 2배로 늘어나버렸다. 정확히는 "checked 된 수 *..

xlsx 파일의 데이터를 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..

openModal()이라는 모달 창을 정의하고 생성, 수정 버튼에서 함께 이용하고자 하였다. 이 모달 창은 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 =..

[그림 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'' ..

const regexpEmail = /^([a-z]+\d*)+(\.?[a-z]*)+@[a-z]+(\.[a-z]{2,3})+$/; if (!regexpEmail.test(email)) { return alert("올바른 형식의 Email을 입력하세요."); } 정규식과 조건문에는 아무런 문제가 없었다. 다시 보고 또다시 봐도 그랬다. 그런데 왜 정규식에 부합하는 input값을 넣어도 [그림 1]과 같이 alert이 뜨는 것일까? 황당하게도 email 관련 DOM 처리 시 trim함수에 ()를 붙이지 않아서였다. const email = document.querySelector("#email").value.trim; // .trim -> .trim() console.log를 찍어보니 입력한 email 값이 ..