JavaScript12 03. Electron 실행파일 만들기 Electron 배포를 위한 Installer 만들기.1. electron-builder 설치installer파일을 만들기 위해서 npm으로 electron-builder을 설치해야 합니다. 커맨드 창에서 아래의 명령어를 실행합니다. electron-builder설치 npm install --save-dev electron-builder 2. npm script 작성package.json scripts의 하위 항목에 아래 내용을 추가합니다. 아래의 내용은 커맨드 창에서 입력할수 있는 명령어를 scripts 하위항목에 추가하는 내용입니다. 옵션에대한 좀더 자세한 내용은 아래 링크를 참조 바랍니다. CLI 상세 옵션 package.json "build:osx": "build --mac", "build:lin.. 2017. 4. 15. 02. Electron Hello World Electron 첫번째 어플리케이션 만들기.1. Project폴더 생성 후 package.json 작성하기앞서 Node.js를 설치 하였기 때문에 npm init 명령어가 가능합니다. 커맨드 창에서 프로젝트 경로로 진입 한 후 npm init -y 명령어로 기본 package.json 파일을 생성합니다. -y 옵션은 기본값으로 package.json을 생성하는 옵션입니다. package.json을 생성한 후 아래와 같이 수정합니다(주석 제외, 주석 포함시 에러발생). package.json { "name": "Electron-HelloWorld", "version": "1.0.0", "description": "", "main": "index.js", //엔트리 포인트 "scripts": { "start.. 2017. 4. 15. 01. Electron 소개 Electron 소개Electron은 무엇인가?Electron은 HTML, css, javascript을 사용하여 크로스 플랫폼을 지원하는 데스크탑 어플리케이션을 제작할 수 있는 프레임워크입니다. Electron은 Chromium과 Node.js를 하나의 런타임으로 결합하여 실행되며, Mac, Windows 및 Linux 용으로 패키지화 할 수 있습니다. Electron으로 만들어진 프로그램Atom - https://atom.io/Visual Studio Code - https://code.visualstudio.com/ Kaku Music player - http://kaku.rocks/WebTorrent - https://webtorrent.io/ Electron 설치Node 설치 - https://.. 2017. 4. 15. 00. Electron 글 목차 목차1. Electron 소개 2. Electron Hello World 3. Electron 인스톨러 만들기 4. Electron API Demo 5. Electron Debugging 6. Electron 기타 등등 7. Electron Windows Install시 커스텀 스킴 레지스트리에 추가하는 방법 자료들은 Github에 올려져 있고 pull 받으실수 있으며, npm install 명령어를 통해 패키지를 install한 후 실행해볼 수 있습니다. http://github.com/cionman 2017. 4. 15. 이전 1 2 3 다음 728x90