TIL-Electron

Electron LogoNodeJS 등장이후 프론트를 만드는 데만 쓰이던 js가 서버, 모바일 앱, 데스크톱 앱에 쓰일 수 있게 되었다. 서버 - NodeJS앱 - React Native데스크톱 앱 - ElectronElectron은 HTML, CSS, JS로 Desk

초기 설정 이후 본격적으로 Electron 코드를 작성하기 전에 Electron의 생명주기에 대해 공부해보자.Electron에서 제공하는 app 객체는 Electron의 생명주기를 관리한다.위 코드에서는 whenReady 함수와 app.on 함수에서 구별할 수 있는 b

Electron에서 파일을 입출력하려면 반드시 NodeJS를 통해야 한다. 사용자의 입력은 Renderer Process가 담당하기 때문에 NodeJS를 기반으로 동작하는 Main Porcess와 통신이 필수적인데, 이 때 IPC 통신을 사용한다.

Electron은 여러가지 Builder가 있지만 여기선 electron-builder를 사용하겠다.먼저 패키지를 설치한다.npm install -D electron-builderpackage.json에 다음과 같은 설정을 추가한다.각 OS별 아이콘 타입 등을 설정하고