TypeScript 환경에서 Electron ipcRenderer 사용

ipcRenderer 이용해 ipc간 통신

React.js -> index.tsx

Next.js -> _app.tsx

declare global {
  interface Window {
    require: any;
  }
} 

send event

const { ipcRenderer } = window.require('electron');

const onClick = () => {
	ipcRenderer.send('event', 'onclick event!');
}

electron setting file

const { ipcMain } = require('electron');

ipcMain.on('event', (event, arg) => {
  mainWindow.webContents.send('event', arg);
});

response event

ipcRenderer.on('event', (_event, arg) => {
	console.log(arg);  // onclick event!
});