개발자로 하루를 멋지게...

Vscode+eslink 설정 후 settings.json은 아래와 같이 설정 { "files.autoSave": "onFocusChange", "editor.codeActionsOnSave": { "source.fixAll": true }, "editor.formatOnSave": true, "eslint.alwaysShowStatus": true, "eslint.format.enable": true }

Vscode 에디터로 vue cli 개발시 .vue 파일을 수정을 할때 마다 아래와 같은 오류가 발생한다. # 해결방법 Vscode 툴에서 하단 툴 ESLINT 클릭해서 사용으로 바꿔주면 해결 1. ESLINK 클릭 2. Allow 클릭 3.아래와 같이 나오면 성공

jquery 브라우저 리사이즈 완료 이벤트 //화면 조절 후 이벤트 완료될때 처리 $(window).resize(function() { clearTimeout(window.resizedFinished); window.resizedFinished = setTimeout(function(){ console.log("화면 리사이즈 후 이벤트 완료 처리") }, 250); });

실시간 검색을 만드는 과정 자동완성 때문에 가리는 문제가 있어서 자동완성 기능 삭제 찾아서 정리해본다.

Vue개발하다 보면 한글이 v-model 바인드시 짤리는 문제가 있었다.. 인터넷을 찾아 아래와 같이 해결 methods: { ,schName: function(e){ this.name= e.target.value; }); }

vue+webpack+vee-validation 설치 후 사용중에 아래와 같은 에러 발생 import VeeValidate from 'vee-validate' Vue.use(VeeValidate) Uncaught TypeError: Cannot read property 'install' of undefined 아래와 같이 처리하면 해결... import * as VeeValidate from 'vee-validate' Vue.use(VeeValidate)

vue 리스트 처리하다 {{index}} {{item.member}} Custom elements in iteration require 'v-bind:key' directives 발생하면 아래와 같이 처리 :key="index" 추가 {{index}} {{item.member}}

CORS CORS(Cross-Origin Resource Sharing) 란, 웹 서버 도메인간 액세스 제어 기능을 제공하여 보안 도메인간 데이터 전송을 가능하게 해준다. #해결방법 @Configuration @EnableWebMvc public class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedMethods("PUT", "DELETE", "POST", "GET", "OPTION", "PATCH") .allowCredentials(false).maxAge(3600); } }

cdn 방식으로 vue를 개발하다보니 data 값 매핑(bind) 하기전에 변수명 {{data}} 또는 v-if 사용시도 문법 그대로 보이는 문제가 발생하여 찾아보니 아래와 같이 처리하면 될듯 한다. v-cloak를 사용하면 된다. {{ name }} {{ age }} 참고사이트 lasdri.tistory.com/1001 [Vue.js] 페이지 로딩전 구분문자( {{ name }} ) 숨기기 뷰js를 사용했을 때 페이지에 들어가면 페이지가 아직 렌더링되지 않았을 때 {{ }} 가 보였다가 로딩이 완료되면 원하는 내용이 출력되는 것을 볼 수 있다. 잠깐 보이는거지만 은근히 신경 쓰일 lasdri.tistory.com webisfree.com/2019-02-10/[vuejs]-v-cloak-%EC%82%AC..

Spring2+Couchbase 연동시 Select findAll() 사용시 아래와 같이 오류 발생 {"msg":"No index available on keyspace users that matches your query. Use CREATE INDEX or CREATE PRIMARY INDEX to create an index, or check that your expected index is online.","code":4000} Couchbase에서 primary index를 생성해 줘야 한다. CREATE PRIMARY INDEX ON '버킷이름';