만약 당신이 웹 사이트를 구축할 수 있다면, 데스크톱 앱도 만드실 수 있습니다. Electron은 네이티브 애플리케이션이며 자바스크립트, HTML, CSS로 이루어진 프레임워크입니다. Electron은 어려운 부분을 처리하므로 당신은 애플리케이션의 핵심 부분에 집중할 수 있습니다.
Electron은 Chromium 엔진에 node.js를 사용하여 Mac, Windows, Linux Desktop Application을 개발 할 수 있습니다.
웹개발자에게는 친숙한 Visual Studio Code, Atom IDE도 Electron으로 개발되었습니다.
제가 제일 자주 사용하는 앱인 Station, Franz도 Electron으로 개발되었고, 두 앱을 모두 사용해본 경험으로는 개인적으로 Station이 좋습니다.
우리가 매일 사용하는 Slack 앱도 Electron으로 개발되었고, 터미널을 열고 아래 명령어를 실행해보면 Slack 앱에서 개발자도구가 실행되는 것을 확인할 수 있습니다.
export SLACK_DEVELOPER_MENU=true
open -a /Applications/Slack.app이외에도 Electron App Store, awesome-electron에서 다양한 Electron 앱과 오픈소스를 확인할 수 있습니다.
Electron은 웹 기반의 기술을 사용하기 때문에, AngularJS, React.js, Vue.js 프레임워크도 사용할 수 있습니다.
웹개발자에게는 Electron 개발이 익숙할 수 있지만, 저와같은 모바일 애플리케이션 개발자에게는 웹개발에서 분명 이해하기 어려운 구석이 있습니다.
따라서, 저는 웹 프레임워크를 사용하지 않고, electron-boilerplate을 사용하여 간단한 앱을 만들어보겠습니다.
새 폴더에서 터미널을 열고 아래 명령어를 실행합니다.
curl -fsSL <https://github.com/sindresorhus/electron-boilerplate/archive/master.tar.gz> | tar -xz --strip-components 1start 스크립트를 실행하면 Electron 프로그램이 실행되는 것을 확인할 수 있습니다.
npm i && npm run start그럼 이제, boilerplate, template이 구축되었으니, Javascript, HTML, CSS로 나만의 앱을 만들면 됩니다.
보다 자세한 Electron 문서는 아래에서 확인할 수 있습니다.
