Electron 시작하기 ( Hello World )

이전 포스트에서 간단히 Electron 에 관해 설명 드렸으며 이번 포스트에서는 간단히 앱을 개발해 보겠습니다.

2017/02/05 - [Dev Platform/Electron] - Electron 이란?

우선 개발전 개발 환경은 nodejs 를 기반으로 하기때문에 PC 에 nodejs 개발 환경이 설정 되어 있어야 합니다.

NodeJS 설치

2015/03/02 - [Dev Languages/NodeJS] - Windows 에 NodeJS 설치하기

맥은 그냥 node js 홈페이지에서 다운받으셔서 까시거나 Homebrew 를 이용하여 설치 하시면 됩니다.

관련 정보 : https://changelog.com/posts/install-node-js-with-homebrew-on-os-x

Electron 시작하기

이제 nodejs 개발 환경이 설정되어 있다는 전제하에 electron 을 npm -g 옵션을 이용하여 global 로 설치를 합니다.

$ npm install -g electron

그리고 git 을 이용하여 electron의 기본 템플릿을 받아 주도록 합니다.

$ git clone https://github.com/electron/electron-quick-start
$ cd electron-quick-start
$ electron .

그리고 아래와 같이 HelloWorld 창이 뜬다면 성공하신 것 입니다. :D

즐거운 개발 되시기 바랍니다 :D