반응형 Vue.js5 Vue.js 자바스크립트 ip 주소 확인 정규표현식 소개할 소스는 자바스크립트 ip 주소 마스킹 소스와 ip 확인 정규식입니다. Vue.js에서 작업해 Watch 등이 보이긴 하는데, 자바스크립트 소스만 참고하시면 되니깐 큰 문제는 없습니다. 1. 세자리 마다 . dot 추가하는 정규표현식 @Watch('inputIp')onIpChange(value: any, oldValue: any) { let ip = value.replace(/[^0-9\.]/g, ''); if (/^(\d{3})(\d)/.test(value)) { ip = value.replace(/^(\d{3})(\d)/, '$1.$2'); } if (/^(\d{3}.\d{3})(\d)/.test(value)) { ip = value.replace(/^(\d{3}.\d{3})(\d)/, '$1... 2020. 12. 8. vue-native-websocket : Vue.js + Typescript 사용 방법 타입스크립트가 적용된 vuejs에서 vue-native-websocket 사용하려면 파일 1개 생성, 파일 1개 수정이 필요합니다. 매우 간단하니 아래 코드를 복사해서 붙여넣기하셔도 됩니다. 파일 생성파일 이름 : vue-native-websocket.d.ts declare module 'vue-native-websocket' {import Vue, { PluginFunction } from 'vue'; export const install: PluginFunction;module 'vue/types/vue' { interface Vue { $socket: any; }} module 'vue/types/options' { interface ComponentOptions { sockets?: any; }}.. 2020. 8. 10. [Electron Vue js] Ubuntu 데스크탑 프로그램 개발 예제 예제 시작하기Electron는 Web 어플리케이션 개발에 사용되는 Javascript, HTML, CSS 등의 기술을 사용하여 데스크탑 응용 프로그램을 개발할 수 있는 프레임워크입니다. 하나의 소스로 크로스 플랫폼(Windows, Mac OS, Linux) 데스크톱 응용 프로그램을 개발할 수 있습니다. 이 포스트에서는 Ubuntu에서 Electron과 Vue.js를 이용한 데스크톱 애플리케이션 개발을 시작하는 데 필요한 도구의 설치 절차와 실제로 데모 프로그램 실행하기까지를 정리합니다. 결과는?다음과 같이 디폴트 상태의 Vue js + electorn 응용 프로그램을 시작하는 것까지를 정리합니다. 구동 환경다음과 같습니다. 운영체제 OS : Ubuntu 18.04Node 환경은 구축 완료. 여기에서는 v.. 2020. 2. 13. Vue.js $watch 오브젝트 변경 모니터링(감시) 사용법 시작하기Vue.js에서 생성한 객체는 $watch라는 메소드를 갖고 있습니다. 이 메소드를 이용해 데이터 변경을 모니터링(감시)할 수 있습니다. 그러나 $watch 메서드는 객체의 추가 및 삭제를 감지합니다만, 객체(오브젝트) 값이 변경된 경우엔 작동하지 않습니다. 😢 다음과 같은 Vue.js 예를 봐주세요. (※ 예제에서는 Vue 인스턴스의 watch 옵션이 설정되어 있지만, 인스턴스화할 때 객체의 각 항목에 대해 $watch 메서드가 호출됩니다) export default { data () { return { someObj: { a: 'obj-a', b: 'obj-b', c: 'obj-c' } } }, watch: { someObj: function (val, oldVal) { console.log(.. 2020. 2. 11. 이전 1 2 다음 반응형
