타이틀바를 일반적인 맥 디자인에 맞게 수정

src/main/index.js

@@ -25,6 +25,13 @@ function createWindow() {
   mainWindow.once('ready-to-show', () => {
     mainWindow.show();
   });
+
+  mainWindow.on('enter-full-screen', () => {
+    mainWindow.webContents.send('fullscreen-change', true);
+  });
+  mainWindow.on('leave-full-screen', () => {
+    mainWindow.webContents.send('fullscreen-change', false);
+  });
 }
 
 app.whenReady().then(() => {

src/main/preload.js

@@ -1,9 +1,10 @@
 const { contextBridge, ipcRenderer } = require('electron');
 
 contextBridge.exposeInMainWorld('api', {
-  selectFolder:  ()       => ipcRenderer.invoke('select-folder'),
-  listImages:    (folder) => ipcRenderer.invoke('list-images', folder),
-  readImage:     (path)   => ipcRenderer.invoke('read-image', path),
-  renameFiles:   (args)   => ipcRenderer.invoke('rename-files', args),
-  revealFolder:  (folder) => ipcRenderer.invoke('reveal-folder', folder),
+  selectFolder:       ()         => ipcRenderer.invoke('select-folder'),
+  listImages:         (folder)   => ipcRenderer.invoke('list-images', folder),
+  readImage:          (path)     => ipcRenderer.invoke('read-image', path),
+  renameFiles:        (args)     => ipcRenderer.invoke('rename-files', args),
+  revealFolder:       (folder)   => ipcRenderer.invoke('reveal-folder', folder),
+  onFullscreenChange: (callback) => ipcRenderer.on('fullscreen-change', (_e, v) => callback(v)),
 });