electron 검색 결과
4 개의 검색 결과가 있습니다.
Self-Study/계란으로 바위치기

[Electron] 클라이언트 닫기가 안될 때

개요 Vue3(vue-cli-service) + Electron 개발 도중 이슈 사항에 대한 원인 분석 및 해결 과정을 기술한다. 이슈 발생 내역 Electron 클라이언트의 windows frame 닫기 버튼(X) 클릭을 하였음에도 이벤트가 일어나지 않음 1. 개발자 모드가 켜져있는지 확인한다. 개발자 모드가 켜진 클라이언트의 경우 닫기 버튼 이벤트 처리가 안될 수 있다. 윈도우는 Ctrl + Shift + I를, 맥은 Alt + Cmd + I 단축키를 눌러 개발자 모드를 비활성화 시킨 후 클라이언트가 원활하게 닫히는지 확인한다. 2. background.js에 있는 닫기 이벤트 처리가 올바른지 확인한다. frame에서 닫기 버튼시 실행되는 이벤트 구현문을 확인한다. async function crea..

2022. 7. 4. 11:21
Self-Study/계란으로 바위치기

[Electron] Unable to install dev tools 문제

References https://github.com/nklayman/vue-cli-plugin-electron-builder/issues/776 https://qdmana.com/2022/04/202204101637436275.html 에러 발생 내역 (node:14468) ExtensionLoadWarning: Warnings loading extension at [ 일렉트론 Devtool이 적용되는 로컬 경로 ]\\[ ID 값 ]: Unrecognized manifest key 'browser_action'. Unrecognized manifest keyoad extension with file 'update_url'. Cannot load extension with file or directory..

2022. 7. 4. 11:20
Self-Study/Electron

[Electron] windows frame 커스터마이징

References https://kentakang.com/137 https://codegear.tistory.com/20 https://kay0426.tistory.com/18 개요 일렉트론에서 기본적으로 제공하는 타이틀 바 대신 이를 커스터마이징 하는 방법을 기술한다. 단, 본 문서에는 Vue3(vue-cli-service) + Electron 환경임을 감안하고 작성한다. window frame 컨트롤 커스텀 일렉트론이 설정되어 있는 background.js의 createWindow 함수에서 frame:false를 추가하여 디폴트 타이틀 바를 비활성화 한다. const createWindow = () => { // Create the browser window. const mainWindow = ne..

2022. 7. 4. 11:18
Self-Study/Electron

[Electron] IPC 통신

References https://ko.wikipedia.org/wiki/프로세스_간_통신 https://www.electronjs.org/docs/latest/tutorial/ipc https://kdydesign.github.io/2020/12/23/electron-ipc-communication/ https://velog.io/@ckstn0777/Electron-이해하기 IPC의 정의 **IPC(Inter-Process Communication)**는 프로세스 간 내부 통신의 약자로 프로세스들 사이에 서로 데이터를 주고받는 행위나 방법 또는 경로를 의미한다. 특히 서로 간의 독립된 프로세스의 경우, 각 프로세스마다 데이터의 내용이 달라짐으로 인한 문제가 발생되므로 이를 해결하기 위한 교환 과정에서 ..

2022. 7. 4. 11:16