분류 전체보기
[vue.js] npm audit 을 확인하여 취약점 해결방법
문제 vue.js 프로젝트를 npm i로 실행시 오류사항이 발견되어 수정 하는 방법을 정리하고자 합니다. console PS C:\workspace\test-project1> npm i npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN ..
[vue.js] sheetjs 라이브러리를 이용하여 엑셀(excel) 업로드 및 읽기 예제
서론 지난번에 sheetjs 라이브러리를 이용하여 엑셀 다운로드(출처 : https://hjh0827.tistory.com/67) 를 적용했었다. 이번 프로젝트에서 엑셀 내용을 읽어서 이메일 주소 목록을 가져와 달라는 요청이 있어 동일 라이브러리를 이용하여 엑셀 업로드 및 읽기를 정리하겠다. 소스 html 설명 input : type = file 선언. ref 선언. input 변경시(change) 메소드 선언. script 설명 메소드 excelUpload : const xlsx = require("xlsx"); > xlsx 라이브러리 선언 const fileInfo = this.$refs.excelUpload.files[0]; > excelUpload 에 업로드한 files 정보 const toJso..
[vue.js] object 데이터 빈값 체크하여 버튼 disabled 제어
서론 vue를 개발하면서 저장 버튼을 disabled 할일이 많이 있는데 배열 데이터를 체크하여 버튼 disabled 제어하는 방법을 정리하고자 한다. HTML 소스 회원가입 - 가입정보 아이디 필수 정보입니다. 비밀번호 유효하지 않은 비밀번호 입니다. 비밀번호 재확인 비밀번호가 동일하지 않습니다. 비밀번호 힌트 선택하세요 {{ item.text }} 답변 다음 페이지 설명 해당 html은 https://hjh0827.tistory.com/24 에서 자세히 설명되어있으므로 pass. 1. 배열 데이터 empty 체크 설명 메소드 replaceEnter : 엔터값을 정규식을 이용해 치환한 메소드로 치환값이 있다면 해당 값으로 치환하고 없다면 '/' 으로 치환한다. emailCheckFlag : 전달값을 이..