CodeLab41 04. Electron API Demo Electron API Demo.Electron API 를 사용해보는 간단한 예제 입니다.Menu(Main), shell(Both), dialog(Main) 활용 예제메뉴를 생성하고 해당 메뉴에서 몇가지 기능을 실행해 봅니다.Menu - 어플리케이션의 메뉴를 생성하는 API shell - file과 url을 사용자의 기본 어플리케이션으로 실행 및 관리해주는 API dialog - alert 및 file dialog창 생성아래와 같이 menu.js파일을 생성합니다. 변수 arrMenu에 해당하는 하나의 객체는 MenuItem 객체입니다.MenuItem 객체 상세옵션 menu.jsconst {app, shell, dialog, Menu, BrowserWindow} = require('electron'); c.. 2017. 4. 15. 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. 이전 1 ··· 7 8 9 10 11 다음 728x90