All82 05. Electron Debugging Electron Debugging.Electron 공식 홈페이지에서는 Debugging과 관련하여 3가지 문서를 제공합니다.Debugging the Main ProcessDebugging the Main Process in node-inspectorDebugging the Main Process in VSCodenode-inspector의 설정을 잘못한 탓인지는 몰라도..node-inspector의 디버깅은 원할할게 디버깅이 되지 않았습니다. 그에 반해 Visual Studio Code 에서는 깔끔하게 Main Process와 Renderer Process의 코드를 모두 디버깅할수 있었습니다. 그래서 Visual Studio Code의 디버깅 방법을 소개 합니다.Main Process Debugging .. 2017. 4. 15. 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. 이전 1 ··· 17 18 19 20 21 다음 728x90