![]()
[Electron] Dialog 메인(Main) 프로세스 const { dialog } = require('electron') 렌더러(Renderer) 프로세스 const { dialog } = require('electron').remote dialog.showOpenDialog([browserWindow, ]options[, callback])파일 열기 다이얼로그 dialog.showSaveDialog([browserWindow, ]options[, callback])파일 저장 다이얼로그 dialog.showMessageBox([browserWindow, ]options[, callback])메세지 박스 dialog.showErrorBox(title, content)에러 메세지 박스 -> alert을..
[Electron] 서버와 데이터 전송(통신)하는 방법 - ipc ajax로 데이터를 전송하려고 했더니, path가 C:/ 밑으로 표시되는 바람에 데이터를 어떻게 서버(main)으로 전송해야할지 찾아보니 ipc라는 모듈이 있었다. ipcMainmain 프로세스에서 renderer 프로세스로 비동기적인 통신을 한다.즉, 이벤트를 처리하고 renderer 에 메시지를 보내기 위해 사용 된다. 주요 메소드- ipcMain.on(channel, listener) : channel에 대해 이벤트 메세지 수신 ipcRenderer renderer 프로세스에서 main 프로세스로 비동기적인 통신을 한다.즉, 이벤트를 처리하고 main에 메시지를 보내기 위해 사용된다. 주요 메소드 - ipcRenderer.on(cha..
[Electron] 코드 변경시 자동 새로고침 되도록 설정하는 방법 electron-reload 를 사용하면 된다. 먼저 electron 과 electron-reload를 프로젝트에 설치해 준다. $ npm install electron $ npm install electron-reload electron과 프로젝트 모두 reload 할 경우 아래와 같이 직접 node_modules의 electron폴더로 잡아준다. require('electron-reload')(__dirname, { electron: require(`${__dirname}/node_modules/electron`) }); 위와 같이 설정하면, electron 실행하면서 html, js, css 등을 수정할 경우 자동으로 electro..
[Electron] Developer Tool 개발자 도구 활성화 방법 const { BrowserWindow } = require('electron') let win = new BrowserWindow() win.webContents.openDevTools() 또는 Ctrl + Shift + I [참고] electron Document
![]()
[Electron] 앱 시작하기 1. 프로젝트 폴더 생성 $ mkdir electron 2. 새로 만든 폴더 경로에서 "npm init" 명령어를 실행. $ npm init - Enter 키를 누르면 다음 정보가 뜸.- 괄호 ( ) 안의 값은 디폴트 값이다. 미입력 시 괄호 안의 값으로 자동 설정된다.- 입력 값- package name : 패키지 명 ( default : 폴더명 )- version : 릴리즈 버전 설정- description : 패키지 설명- entry point : 엔트리 포인트 파일 ( default : index.js )- git repository : 깃 저장소- keywords : 키워드- author : 저자- license : 라이센스 ( default : ISC ) 3. ..
![]()
[Electron] npm, electron 설치 Electron 애플리케이션은 근본적으로 Node.js 애플리케이션이라고 할 수 있다. 그래서 Node.js 를 먼저 설치해야한다. 1. npm 설치 - node.js 를 설치하면 npm 이 자동으로 설치된다. - https://nodejs.org/en/download/ 접속해서 자신의 OS에 맞는 파일 다운. - 자동으로 저장된 위치 ( mac ) This package has installed: •Node.js v10.15.0 to /usr/local/bin/node •npm v6.4.1 to /usr/local/bin/npm Make sure that /usr/local/bin is in your $PATH. - Node.js 버전을 확인. itin..
