앙큼한 개발기록

컴퓨터에서 nuxt 프로젝트를 새로 시작하기 위해 nuxt 커맨드를 쳐봤다. npx - npx create-nuxt-app yarn - yarn create nuxt-app npm - npm init nuxt-app 다 해봤는데 위에 에러가 나오면서 안된다면 vue cli가 설치되지 않아서 발생하는 에러이다. 아래의 커맨드를 실행하고 하면 해결 된다. npm i -g @vue/cli npm i -g @vue/cli-init

기본적으로 핸드 스캐너는 입력 장치 이기 때문에 입력 장치로 들어오는 이벤트 listener로 들어온다. (keyup, keydown...) javascript 에서는 document.addEventListener를 통해서 핸드 스캐너 값을 읽을 수 있으나 다른 이벤트 들과 같이 일반 키보드 이벤트와 동일하게 작동돼 공통 함수에 조건을 주어 맞추어야 한다. 핸드 스캐너 값은 30 millisecond 안에 다 들어온다는 점을 이용하여 들어온 이벤트들을 모아서 한꺼번에 처리 하는 로직을 구현하였다. // keyup, keydown 상관 없다 document.addEventListener('keyup', keyboardEvent) // scan 값을 저장할 변수 선언 // window.scan = [] va..

프로젝트를 진행하면서 vue-select를 많이 사용하였는데 매번 쓸 때마다 공식문서 찾아가며 이리저리 검색하며 사용한 내용들을 정리하고자 글을 작성한다. 우선 , 나는 nuxt framework를 사용하였고 vue select는 plugin directory안에 library.js를 만들어 공통 컴포넌트로 만들고 그냥 호출해서 쓴다. (대부분의 외부 라이브러리는 해당 파일 안에 때려 박는다.) library.js import Vue from 'vue' import vSelect from 'vue-select' Vue.component('v-select', vSelect) nuxt.config.js ... plugins: [ {ssr: false, src: '@/plugins/mixins.js'}, {s..

electron 에서 node-ffi 를 사용할때 해당 dll파일의 path를 찾지 못하는 경우 발생한다. 나는 32bit, 64bit 각각 다른 dll을 사용해서 다이나믹 path를 사용하려고 하다 보니 해당 에러를 접하게 되었다. 해결 방법은 간단했다. let filePath = "/dll/x64_dll/.dll" let library = ffi.Library(__dirname + filePath, {}) 어디서는 [.dll]을 넣지 말라고 하던데 난 안넣으면 안되던데.....

electron을 사용하면서 serialport 를 연결하려고 하니 node-gyp 오류가 나오고 연결도 안되고 리빌드도 안되고 별짓을 다 해봤지만 결과적으로 electron-nuxt를 사용하면서 npm이 아닌 yarn을 사용하면서 발생한 패키지 설정 오류였다. 나에게 발생한 오류는 다음과 같았다. Cannot find module 'C:\usr\local\lib\node_modules\node-gyp\bin\node-gyp.js' 해당 오류 발생시 C드라이브에 있는 node-module이 어디 있는지 찾아서 해당 모듈로 path를 재 설정 해주니 해결 되었다. 우선 powerShell이나 관리자 cmd를 열어서 npm config list // or yarn config list 로 config set..