Electron 검색 결과

해당 글 7건

[electron] electron 프로그램 메뉴바 없애기

[electron] electron 프로그램 메뉴바 없애기 electron에서 프로그램 메뉴바 없애는 방법을 알아보도록 하겠습니다. electron 프로그램 메뉴바 없애기 윈도우에서 electron 프로그램을 실행하면 아래처럼 보입니다. 만약 프로그램에 위 상단 메뉴바가 필요 없는 경우 보이지 않아도 됩니다. BrowserWindow를 호출할 때, autoHideMenuBar 속성에 true 값을 주면 됩니다. 아래 코드를 참고하시면 됩니다. const mainWindow = new BrowserWindow({ width: 350, height: 170, webPreferences: { nodeIntegration: true, devTools: isDev, }, autoHideMenuBar: true }..
공유/Electron 2023. 2. 12. 06:20

[electron] electron 폴더 선택하기

[electron] electron 폴더 선택하기 electron에서 폴더 선택하는 방법을 알아보겠습니다. ◆ electron 폴더 선택하기 electron에서 폴더 선택하는 방법은 쉽습니다. electron에서 제공하는 dialog를 사용하면 쉽게 폴더을 선택할 수 있습니다. 아래 코드를 확인해봅시다. const { dialog } = require("electron"); const selectWindow = new BrowserWindow({ show: false, alwaysOnTop: true }); const { filePaths } = await dialog.showOpenDialog(selectWindow, { properties: ["openDirectory"] }); selectWindo..
공유/Electron 2023. 2. 11. 07:58

[electron] electron 파일 선택하기

[electron] electron 파일 선택하기 electron에서 파일 선택하는 방법을 알아보겠습니다. ◆ electron 파일 선택하기 electron에서 파일 선택하는 방법은 쉽습니다. electron에서 제공하는 dialog를 사용하면 쉽게 파일을 선택할 수 있습니다. 아래 코드를 확인해봅시다. const { dialog } = require("electron"); const selectWindow = new BrowserWindow({ show: false, alwaysOnTop: true }); const { filePaths } = await dialog.showOpenDialog(selectWindow, { properties: ["openFile"] }); selectWindow.clo..
공유/Electron 2023. 2. 10. 19:34

[Electron] electron 자동 업데이트

[Electron] electron 자동 업데이트 electron의 장점 중 하나는 자동 업데이트를 할 수 있다는 것입니다. electron-updater package를 사용하면 됩니다. 자세하게 알아보도록 하겠습니다. electron 자동 업데이트 우선 electron-updater package를 설치해주어야 합니다. 설치 명령어 : yarn add -D electron-updater 그리고 자동 업데이트를 하는 중 아무 표시가 되지 않으면 사용자는 모르기 때문에 progressbar를 띄워주도록 합니다. electron-progressbar package를 이용하면 됩니다. 설치 명령어 : yarn add -D electron-progressbar electron.js 코드를 수정해주어야 합니다...
공유/Electron 2022. 3. 23. 06:59

[Electron] electron 설치 프로그램 만들기

[Electron] electron 설치 프로그램 만들기 electron으로 desktop application을 개발하였으면 이제 배포하기 위해 설치 프로그램을 만들어야합니다. 이번 게시글에서는 설치 프로그램을 만드는 방법을 알아보겠습니다. electron 설치 프로그램 만들기 electron에서 설치 프로그램을 만드는 방법은 매우 간단합니다. electron-builder package를 사용하면 됩니다. 첫번째 게시글에서 설치하였는데 만약 설치하지 않으셨으면 아래 명령어를 이용하여 설치하면 됩니다. 설치 명령어 : yarn add -D electron-builder ... "build": { "appId": "com.exmaple.electron", "productName": "electronRea..
공유/Electron 2022. 3. 22. 05:23

[Electron] electron react 서로 통신하기

[Electron] electron react 서로 통신하기 react, electron 서로 통신하는 방법을 알아보도록 하겠습니다. 서로 데이터를 주고 받고, electron에서 fs와 같은 모듈을 사용해야지 electron을 사용하는 이유가 있겠죠? 아니면 그냥 웹으로 사용하면 되는 것을 굳이 desktop app으로 만들어 사용할 필요가 없습니다. 이번 게시글에서는 react와 electron 사이 데이터를 주고 받는 방법을 알아보도록 하겠습니다. 그리고 추가로 파일을 선택하여 해당 파일 명을 보여주는 작업도 해보겠습니다. react, electron 통신하기 react와 electron 사이 데이터를 주고 받는 방법은 매우 간단합니다. ipcMain, ipcRenderer를 사용하면 됩니다. el..
공유/Electron 2022. 3. 21. 05:09

[Electron] electron, electron react로 개발하기 (환경설정)

[Electron] electron, electron react로 개발하기 (환경설정) electron 이라고 한번쯤은 들어보았을 것입니다. electron은 웹 개발 언어인 HTML, CSS, JavaScript로 크로스 플랫폼 설치형 프로그램을 개발할 수 있습니다. 공식 홈페이지에서는 Build cross-platform desktop apps with JavaScript, HTML, and CSS와 같이 설명이 되어 있습니다. 무엇보다도 FE 개발자라면 많이 사용해보았을 라이브러리와 프레임워크를 이용하여 개발할 수 있다는 장점이 있습니다. (npm package 사용 가능) 그렇다면 electron으로 개발된 유명한 프로그램을 뭐가 있을까요? Visual Studio Code, Facebook me..
공유/Electron 2022. 3. 20. 13:20