첫시작, 일렉트론(electron)을 시작해보기

 

첫 시작, 일렉트론(electron) 시작해보기

 

일렉트론이란?

웹 언어 (HTML5 , CSS , Javascript, node.js)를 사용하여 데스크톱 앱을 제작 할 수 있는 프레임워크이다.

UI는 HTML5 , CSS , Javascript로 구성하며, 코어는 Javasciprt를 통해 네이티브 API를 요청 할 수 있도록 만들어져있으며

하나의 개발로 Windwos , Mac , Linux 프로그램을 제작 할 수 있다.

 

설치 전 선행 과정1 (Node.js)

일렉트론을 사용하려면 Node.js가 설치되어 있어야함에 따라

NPM은 Node.js를 설치하면 자동으로 설치되니 다음과 같은 링크에서 다운로드 받는다.

 

https://nodejs.org/ko/

설치 전 선행 과정2 (Git)

GIt은 선택적으로 다운로드 받아준다.

이 내용에서는 예제파일을 다운로드 받을 때 사용하나, 꼭 일렉트론을 사용하기위해서 깃이 있을 필요없으니 임의것 다운로드 받아주면 된다.

 

https://git-scm.com/

-

일렉트론 시작하기

다운로드 및 설치가 모두 끝나셨다면 CMD 창을 연 다음, Node.js가 제대로 설치되어 있는지 확인 해준다.

node -v

node.js의 버전이 뜬다면 제대로 설치가 완료된것이다.

 

이후 일렉트론 예시 프로젝트를 다운로드 받을 폴더를 하나 만들어준다.

필자는 D 드라이브에서 test4 폴더를 만든 다음 다운로드 받았다

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

여기서 오류가 뜬다면 git 설치가 제대로 안 되어 있는 경우니, 하단 링크로 들어간다음 일렉트론을 다운로드 받아서 

일렉트론을 설치할 폴더에 압축을 풀어준다

https://github.com/electron/electron-quick-start

 

필자가 설치한 일렉트론 폴더는 D:test4/electron-quick-start로 구성했다.

이 폴더에서 아래와 같은 명령어를 입력한다.

npm install

NPM가 다른 묘듈 및 종속성을 관리해주기 때문에, node.js를 제외한 다른 설치 과정은 따로 필요 없다.

 

설치가 모두 완료되었다면 npm start로 실행을 시켜보자.

 

npm start

 

그림 이렇게 일렉트론 퀵스타트 프로젝트가 실행 된 것을 볼 수 있다.

 

수고하셨습니다. :)