[DesktopApp]Electron / NW.js

01 개요

크로스플랫폼 데스크톱 애플리케이션(Cross Platform Desktop Application) 개발을 위한 자바스크립트 기반의 프레임워크인 일렉트론(Electron)에 관한 기본적인 사항을 다룬다. 부차적으로 NW.js에 관련된 내용도 다룬다.

최종수정일 : 2023.02.02

02 설치

02.01 Electron 설치

npm install [-g] electron

02.01 NW.js (개발용) 설치

npm install [-g] nwjs
nw list-remote
nw install version-sdk

---

03 환경설정

03.01 electron

브라우저 윈도우와 같으므로 사용해야 하는 node.js의 모듈들이 제대로 작동하지 않을 수 있다. 아래와 같이 nodeIntegration 항목을 참 값으로 설정한다.

function createWindow () {
  let win = new BrowserWindow({
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false
    }