반응형 Vue.js14 [lodash / debounce / watch / delay] 디바운싱 예제 아이디 중복검사 같은 경우 키 입력이나 유효성 검사 플러그인에 포함시키는 경우가 다양하다. 하지만 입력시마다 통신하는 것은 결코 유쾌하지 않은 기분이다. 이럴때 lodash 의 debounce 를 사용하면 적절하다. import debounce from 'lodash/debounce'; export default { watch : { memberId:debounce((inputValue) => { const Vue = this; let emailRegExp = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0.. 2021. 11. 20. Jetbrain (WebStorm / IntelliJ / PHPStorm ...) 경로 별칭 설정 Jetbrain 제품군 (WebStorm, IntelliJ, PHPStorm 등등)에서 Nuxt.js 및 Vue.js 어플리케이션을 개발할때 "@/" 및 "~/" 문자열로 경로 자동완성(intellisense)을 지원하지 않는다. 이에 다음과 같은 형태로 처리(?) 로 가능하다. Visual Studio Code 에서는 jsconfig.json 으로 path 에 대한 alias 를 설정할 수가 있으나 익숙해진 WebStorm 인터페이스를 고집하기 위해 구글링 ㄱㄱ 먼저 프로젝트 루트에 다음과 같은 파일을 만든다. 파일명은 자유형식인것 같다. 나는 config.webstorm.js 로 만들었다. 이에 파일내용은 다음과 같이 입력한다. System.config({ "paths": { "~/*": "./*",.. 2021. 9. 4. [Nuxt.js] WARN : Babel 경고 메세지 자꾸 빌드할때마다 뜨는 짜증나는 메세지;; 이미 메세지 내용에 있는데 귀찮아서 안하다가 드디어 한다;; ㅡㅡ;; nuxt.config.js 파일에 build 속성에 다음과 같이 박아주자;; babel: { plugins: [ ['@babel/plugin-proposal-private-methods', { 'loose': true }], ['@babel/plugin-proposal-private-property-in-object', { 'loose': true }] ], } 드러워서 한다 ㅡㅡ; 2021. 8. 11. Nativescript-Vue(네이티브스크립트) 로 모바일 앱 개발기 - 1 (채택 동기 및 개발환경구축) 일단 완성도 되지 않았는데 포스팅을 시작한다. 정리겸 실제로 삽질까지도 기록하기 위함. 혹시 이 글을 보시는 분들중 공유해주실 사항있으시면 공유 및 가르침 부탁 드립니다. 먼저 Nativescript-Vue(이하 NS) 를 선택해서 시작한건 다른 이유없습니다. 다른 언어를 공부할 시간도 없고.. (정말 없음 ㅠ) 빠르게 아웃풋을 보고 싶었기 때문입니다. 그리고 이미 Vue/Nuxt 로 빠른 생산성을 경험했기 때문에 기대감이 컸죠. 현재 Vue/Nuxt.js 로 개발한 끼니퍼 입니다. 현재 목표는 특별한거 없이 이 서비스를 NS 로 하이브리드 앱을 만들기 입니다. 이제 개발환경을 구축하는 것 부터 시작해야 하겠죠? 무작정 https://nativescript-vue.org/ko/ 로 접속하여 시작하는 방법.. 2021. 6. 9. 이전 1 2 3 4 다음 반응형
