1. Electron 설치 및 간단한 예제

 

1. Electron 설치 및 간단한 예제 

 

(1) npm init

 일렉트론 예제 코드를 실행할 디렉터리로 가서 npm 설정을 초기화 해준다.

 npm init을 실행하여 기본적인 프로젝트 정보를 입력하면 된다.

 

 이후에 scripts 항목에 일렉트론 실행을 위해서  "start" : "electron ." 을 추가해주자.

 

(2) Electron 설치

 npm을 이용하여 electron을 설치해준다.

개인적으로 로컬에 설치하는 것을 선호해서 npm install electron --save으로 했다.

(3) 예제

 (1)에서 추가한 명령어를 통해 npm start 명령으로 실행할 수 있다. 이때 electron이 전달받은 매개변수에 스크립트가 따로 없으면 해당 위치의 main.js를 자동으로 실행한다. 따라서 main.js를 하나 만들어 아래의 내용을 추가해보자.

 

const { app, BrowserWindow } = require('electron');

app.on('ready', ()=>{
    let win = new BrowserWindow({
        width : 800, 
        height : 600, 
        webPreferences : {
            nodeIntegration : true
        }
    });
    win.loadURL('https://it-trip.com');
    //win.loadFile('./index.html');
});

(4) 도큐먼트

https://www.electronjs.org/docs

Documentation | Electron