반응형 electron4 Electron 링크 일렉트론 설치하기 (Download Electron) 리액트 프로젝트 빌드하기 (Build Electron App with React) Menu 모듈로 메뉴 만들기 (Create Native Application Menus and Context Menus) 2024. 1. 4. 일렉트론 - Menu 모듈로 메뉴 만들기 (Create Native Application Menus and Context Menus) Electron 전체 링크 참고 - https://www.electronjs.org/docs/latest/api/menu electron.js를 아래와 같이 수정한다. const { app, BrowserWindow, Menu } = require("electron"); // Menu 추가 const path = require("path"); const isDev = require("electron-is-dev"); function createWindow() { const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true, }, }); win.loadURL( isDev ? "http://loc.. 2024. 1. 3. 일렉트론 - 리액트 프로젝트 빌드하기 (Build Electron App with React) Electron 전체 링크 참고 - Hash Router로 gh-pages 배포하기 리액트 프로젝트를 먼저 생성하자. yarn create react-app react-with-electron 설치가 완료되었다면, 생성한 프로젝트로 이동하자. cd react-with-electron 이제 electron을 설치한다. npm install electron 앱 개발 환경을 구분하기 위한 패키지 electron-is-dev를 설치한다. npm install electron-is-dev 여러 명령어를 병렬 실행하기 위해 concurrently를 설치한다. (리액트 + 일렉트론 실행) npm install concurrently 특정 조건을 만족할 때까지 기다리기 위해 wait-on을 설치한다. (리액트 실행 후.. 2024. 1. 2. 일렉트론 설치하기 (Download Electron) Electron 전체 링크 Node를 설치하면 일렉트론을 설치할 수 있다. 여기서 사용하는 Node 버전은 다음과 같다. $ node -v v16.19.0 electron_app 폴더를 만들고, 해당 폴더에서 npm init을 실행한다. entry point가 electron app의 main이 된다. 여기서는 기본으로 설정된 index.js로 하였다. $ npm init This utility will walk you through creating a package.json fi It only covers the most common items, and tries to guess sens See `npm help init` for definitive documentation on these fie an.. 2023. 12. 31. 이전 1 다음 반응형
