앙큼한 개발기록

컴퓨터에서 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..

최근 electron으로 개발하면서 가장 오래동안 애먹고 가장 힘들었고 다 영어로 되어 있어서 짜증났던 내용을 정리하고자 한다. 우선 serial-port 나는 node version이 14.x.x이였나...?를 사용해서 그런지 최신 버전의 serial-port (내가 할때는 10.x 가 최신)를 설치하면 버전 오류 및 build 오류를 마구 던졌다. 그래서 9.2.0 버전을 기준으로 이글을 작성한다. 설치는 yarn add serial-port electron에서 serial-port는 브라우저단에서는 사용이 불가능하고 앱 단에서 사용이 가능하다. 시리얼 포트를 사용하면서 느끼는 건데 javascript는 single thread 이고 나는 비동기 콜백을 포트에 사용해서 포트와 데이터를 주고 받고 전달..

electron-nuxt 기준 os별 build 방법 "scripts": { ... "win-build": "node .electron-nuxt/build.js --win --x64", "win32-build": "node .electron-nuxt/build.js --win --ia32", "mac-build": "node .electron-nuxt/build.js --mac --x64", ... },

일렉트론을 개발하면서 시리얼포트, 듀얼모니터 등 내부 프로그램과 브라우저간의 데이터 통신이 필요한 경우가 있다. 해당 경우에 대해서 간략하게 정리해 보고자 한다. 우선 windowHandler ipcMain을 통해서 통신을 하기 위해 정의하고 import { app, ipcMain, BrowserWindow } from 'electron' browser window가 생성되고 나서 혹은 constructor에 eventListener를 정의한다. ipcMain.on('event-name', (e, args) => { }) 이러면 데이터 수신 받을 준비 끝. javascript에서는 정의한 이벤트를 트리거 시켜주면 된다. import electron from "electron" ... electron.ip..

회사에서 2대의 PC를 쓰다가 다른 PC에서 git pull를 하니 해당 에러가 발생한다. fatal: 정방향이 불가능하므로, 중지합니다. 해결 방법은 간단하다. git pull --rebase 원인은 리모트 저장소가 로컬보다 앞서있고 머지할게 있을때 충돌이 일어나서 안된다는 것 git config pull option을 설정해주면 된다. 해당 설정값은 다음과 같다. git config pull.rebase false # merge (the default strategy) git config pull.rebase true # rebase git config pull.ff only # fast-forward only 여기서 git config --unset pull.ff // 또는 git config --..

큰누나가 이번에 효종당에서 스몰웨딩을 해서 참석하게 되어 후기를 남깁니다. 우선 가는길이 엄청 힘듭니다.. 아파트 사이를 지나 좁은 골목길로 쭉 따라가다 2개의 터널을 지나가는데 터널이 1차선이라서 반대쪽에서 차가 오면 기다려야 되는 불편함이 있습니다. 그날 가족들만 초대 했는데 모든 가족들이 길을 잃어 다 늦었습니다. 하지만 스몰웨딩이고 사회, 축가, 본식 모두 직접 해서 본식이 원래 4시반에 한다고 말씀드렸는데 5시에 시작했습니다. ㅎ 시간을 자유롭게 조정할수 있는점은 좋은것 같습니다. 입구에 웨딩사진을 올려놓을수 있고 그외 화환이나 장식도 가능합니다. ㅎ 풍선은 누나가 샀는데 야외라 바람이 많이 불어서 재대로 보이지도 않고 엄청 걸리적 거렸습니다....ㅠ 입구를 따라 들어가면 중앙에 이쁜 나무가 있..