url 정규식 let regex = /(http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/regex.test(url) // url일 경우 true, 아닐 경우 false package name (ex: com.tistory.cpdev)let regex = /^([A-Za-z]{1}[A-Za-z\d_]*\.)*[A-Za-z][A-Za-z\d_]*$/ regex.test(packagename) // 참 true, 아닐 경우 false 아래 링크에서 보면 자세한 설명과 필터되는 결과를 확인할 수 있다. https://regexr.com/https://www.regextester.com/
웹서비스에서 사용자 정보를 RESTful규칙에 맞게 추가한다고 할때 path를 아래와 같이 한다 GET: /member/add 그런데 id가 x인 사용자의 정보를 조회한다고 했을때는 아래와 같이 한다 GET: /member/:id vue router에서 아래와 같이 설정하였을 경우에 id가 add일때와 1,2,3,4,5와 같이 숫자일때 구분할수가 없는데 정규식을 이용하면 간단히 해결된다{ path: '/member/:id', .. component: .. } 정규식 예 { path: '/member/add', component: memberAdd }, { path: '/member/:id(\\d+)', props: true, component: memberInfo }
vuejs input에 한글입력시 커서가 이동해야지만 model에 값이 적용되는데 @input 이벤트를 이용하여 바로 적용한다. 한글 1글자 이상만 유효성 검증 아래 codepen참조 See the Pen vuejs input 한글입력 by homin ahn (@beans9) on CodePen.
