Vue에서는 공통함수를 쓸때 plugin이라는 것을 사용한다. https://vuejs.org/guide/reusability/plugins.html#writing-a-plugin Plugins | Vue.js vuejs.org Vue의 plugin으로 라이브러리를 달아주면 vue의 전역에서 등록되므로, 어디에서든 바로 사용할 수 있다. Cmmn.js라는 파일에 공통함수를 만들고 export하자 //cmmn.js export default { myFunc1(){ return "hello" }; ... } 이 js파일을 plugin으로 만들어주는 cmmnPlugin.js를 작성한다. //cmmnPlugin.js import { cmmn } from "@/js/cmmn.js" export default { ..
extension을 설치해야 쓸만하다. vue2라면 vuter를, vue3라면 volar를 깔자!!! vue3인데 vuter를 쓰면 자꾸 에러를 낸다!!! https://wouldyou.tistory.com/m/66 [vscode] [vue/no-multiple-template-root] 오류 해결 vue3를 사용하고 있는데, [vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue 오류가 나서 eslint 관련된 패키지를 다 지웠는데도 계속 오류가 났다. npm remove.. wouldyou.tistory.com 깔아줄 extension - vue Language feature(vola..
원래는 git bash가 있었는데, 업데이트되면서 빠졌다. setting.json에 아래와 같은 내용을 추가하면 git bash를 default terminal로 쓸수 있다. { //git bash 사용 "terminal.integrated.profiles.windows": { "GitBash": { "path": ["D:\\development\\install\\Git\\bin\\bash.exe"], //git이 깔린 위치 }, }, "terminal.integrated.defaultProfile.windows": "GitBash", }
1. vscode깔기 왠만하면 한국어 패치 하지 말기. 구글링하기 불편함 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2. extension깔기 extension pack for java ( ..
ajax를 통해 데이터를 가져오는 방법은 여러가지로 불편하다. 먼저, callback hell이 발생한다. //ajax를 이용해 데이터를 가져오는 함수 const get= (url, successCallback, failCallback) => { // ajax 동작 } get("step1", () => { get("step2", () => { get("step3", () => { //... }) }) }) 두번째로 에러처리에 한계가 있다. 다음과 같은 코드는 에러를 캐치하지 못한다. try{ setTimeout(() => {throw new Error("Error"); }, 1000); } catch(e) { console.error("에러", e) } 이러한 문제는 Promise를 사용하면 해결할 수 ..
vue3를 사용하고 있는데, [vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue 오류가 나서 eslint 관련된 패키지를 다 지웠는데도 계속 오류가 났다. npm remove eslint 알고보니 vscode 의 extension Vuter의 오류이다. Vueter에서 vue3를 여전히 vue2로 인식하고 있는 듯 하다. Vueter에서 eslint관련 옵션을 꺼주면 더이상 에러가 나지 않는다. F1 을 눌러 preference:Open Settings (JSON)을 검색한다. 그리고 아래를 복사 붙여넣기 하면 더이상 에러가 나지 않는다. { "vetur.validation.templ..
함수에는 Constructor인것과 non-constructor인 것이 있다. Constructor은 인스턴스를 생성할 수 있는 객체로 내부메서드 [[Construct]]를 가진다. constructor인 함수는 prototype 프로퍼티를 가진다. non-constructor은 인스턴스를 생성할 수 없는 객체로 내부메서드 [[Construct]]가 없다. 따라서 non constructor인 함수는 prototype 프로퍼티가 없다. Arrow Function ES6에 추가된 문법. 화살표 함수를 말한다. const a = () => { //some code }; 화살표함수는 this, super, arguments 를 가지지 않으며, non-constructor이다. Method ES6이전의 Meth..
POI로 엑셀을 만들어 다운로드하여 열어봤더니 "허용되는 글꼴 수가 초과되어 이 파일에 글꼴 서식이 제대로 적용되지 않을 수 있습니다." 라는 오류가 떴다. 엑셀에서는 적용되는 글꼴의 개수를 최대 512개로 제한하고 있다. https://answers.microsoft.com/ko-kr/msoffice/forum/all/%EC%97%91%EC%85%80-%ED%8C%8C%EC%9D%BC%EC%9D%B4/c9349b2f-1599-4ac3-a455-66e796546035 리디렉션 중 login.microsoftonline.com 글꼴을 512개 이상 사용했다면 이 오류가 날 수 있다. Excel 2007이상에서는 경고창을 닫고 작업을 계속 할 수 있지만, Excel 2003과 Excel 2002에서는 수정 ..
