WEB/Electron

[Electron] 빌드(build) 하기 2 ( electron-builder ) 이전 글 `[Electron] 빌드(build) 하기 ( electron-builder )`에 정보를 조금 더 추가한 글입니다. mac사용자를 위해 osx 빌드가 필요했고, 관련해서 찾아보았습니다. 다행히 한글로된 글이 존재했고, 해당 글을 따라 했습니다. (출처) * 사용 방법 지난 번과 마찬가지로 package.json을 수정해줍니다. 이번에는 각 요소에 대한 설명을 하진 않겠습니다. 필요하다면 이전 글을 참고해 주세요. { ... "scripts": { ... "build": "electron-builder build", "build:osx": "build --mac", "build:win32": "build --w..

[Electron] ProgressBar 사용하기 (부제: electron-progressbar) Electron에서 TaskBar에 진행 상태를 나타내는 방법이 있다. setProgressBar를 이용하면 된다. setProgressBar의 값은 0~1사이의 퍼센트 값을 이용한다. 예를 들어, 63%는 0.63을 입력하면 된다. 그리고, 0보다 낮은 값(-1)으로 설정하면 진행 상태가 제거되고, 1보다 높은 값(2)를 설정하면 진행 상태가 중간 모드로 변경된다. const { BrowserWindow } = require('electron') const win = new BrowserWindow() // ex) 50% win.setProgressBar(0.5) 하지만, 어플리케이션 자체에도 진행바를 나..

[Electron] crashReporter 윈격 서버에 애플리케이션 오류 보고를 자동으로 제출 https://tinydew4.github.io/electron-ko/docs/api/crash-reporter/

[Electron] 자식창(Child Window) 자식창은 부모창 위에 보여진다. 자식창을 선언 할 때, parent: 부모창를 입력하여 부모의 자식임을 선언한다. 기본적으로 createWindow시 부모창과 자식창 모두 선언해 준다. 아래와 같이 입력하면 앱을 실행할 때 자식창과 부모창 모두 표시된다. let win; // 부모 let child; // 자식 function createWindow() { // 부모 창 선언 win = new BrowserWindow({ width: 1400, height: 1000, webPreferences: { nodeIntegration: true } }); // 자식 창 선언 child = new BrowserWindow({ parent: win, width:..

[Electron] Access to XMLHttpRequest at '' from origin '' has been blocked by CORS policy 에러 해결 방법 Access to XMLHttpRequest at '...' from origin '...' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 위 에러는 HTTP 접근제어(CORS)에서 볼 수 있듯이 보안 상의 이유로, 스크립트 내에서 초기화되는 cross-origin HTTP 요청을 제한함으로써 발생된 오류이다. 에러를 제거하기 위해서 웹 보안(same-origin정책)을 해제하면 된..

[Electron] Electron + vue.js Vue-cli2 electron builder : https://simulatedgreg.gitbooks.io/electron-vue/content/ko/ $ npm install -g vue-cli $ vue init simulatedgreg/electron-vue 프로젝트 $ yarn # 또는 npm install $ yarn run dev # 또는 npm run dev Vue-cli3 electron builder : https://github.com/nklayman/vue-cli-plugin-electron-builder $ npm install -g @vue/cli $ vue create 프로젝트 $ npm run serve # 웹 접속 가능 ..