프로그래밍 4

[자바스크립트] 전화번호 하이픈 자동 입력 정규식 정리

javascript const autoHyphen = (target) => { if (target.value.indexOf('1') === 0) { // ex) 1588-**** target.value = target.value .replace(/[^0-9]/g, '') .replace(/(\d{4})(\d{4})/, '$1-$2') } else if (target.value.indexOf('02') === 0) { // ex) 02-***-**** or 02-****-**** target.value = target.value .replace(/[^0-9]/g, '') .replace(/^(\d{2})(\d{3,4})(\d{4})$/, `$1-$2-$3`); } else { // ex) 031-***-*..

devServer proxy 설정

프로젝트의 최상단에 있는 vue.config.js 파일을 수정하면 된다. module.exports = { devServer: { proxy : { '^/api': { target: 'http://localhost:8080', pathRewrite: { '^/api' : '' }, changeOrigin: true, logLevel: 'debug', } } }, } 이런식으로 적용한다. vue에서 http://localhost:8000 로 설정한 웹페이지가 있다고 하자 만약 브라우저로 'http://localhost:8000/api' 경로로 접속하면 target 주소인 'http://localhost:8080'의 내용이 전달된다. 대충 이런식이다. logLevel 옵션은 꼭 안넣어도 된다. 이는 터미널에..

프로그래밍/Vue 2022.08.04

mongoDB 자주 쓰는 명령어

db 조회 show dbs db 선택 use [db명] 콜렉션 리스트 조회 show collections 콜렉션 조회 db.[콜렉션명].find() 특정 콜렉션 부분 찾기 db.[콜렉션명].find({"key" : "value"}) 콜렉션 보기 편하게 조회 db.[콜렉션명].find().pretty() 콜렉션 삭제(drop) db.[콜렉션명].drop() *.json import mongoimport --db [db명] --collection [콜렉션명] --drop --file [경로/파일명].json *.json export mongoexport --db [db명] --collection [콜렉션명] --out [파일명].json *.bson restore mongorestore --drop --db..

[오류해결] Spring 헤더에서 선언한 *.js, *.css 등 리소스 파일을 찾을 수 없을 때

[주의] Spring Boot가 아닌 Spring MVC Legacy Project를 생성해 공부 중인 자료입니다. 오늘 겪었던 일이다. 현재 개인공부로 스프링 프레임워크로 나만의 페이지를 제작하고 있다. 오늘은 오픈소스로 공개된 글 에디터를 사용해보기 위해 나는 다음에서 제작한 다음 에디터를 내 홈페이지 글쓰기 페이지에다가 입히려고 했다. 분명 리소스들의 경로도 제대로 설정 했고, 확인도 했다. 하지만 결과는... 오류 코드를 보면 404 오류 천지, 그니깐 찾을 수 없단다. (net::ERR_ABORTED, .... is not defined ...) 구글링을 통해 알게 된 결론은 컨트롤러 단에서 매핑하지 않은 정적 리소스 파일들은 불러오지를 못하고 만다는 것이다. (이게 정확한 워딩은 아니다. 나도..