본문 바로가기

분류 전체보기

Electron HTML 보여주기 1. main.js const { BrowserWindow } = require('electron'); const path = require('path'); const mainWindow = new BrowserWindow({ width: 800, height: 600 }); const data = { name: 'John Doe', age: 30 }; // 전달할 데이터 객체 mainWindow.loadFile(path.join(__dirname, 'index.html'), { query: data }); 전달할 데이터가 없다면, { query: data } 는 생략 가능하다. 2. index.html 안의 index.js const params = new URLSearchParams(window.lo..
Electron 모듈화 1. 모듈화 전 main.js const { app, BrowserWindow } = require('electron'); // 새 브라우저 창을 생성하는 함수 function createWindow() { const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true,// 렌더러 프로세스에서 Node.js 통합을 활성화 contextIsolation: false,// 렌더러 프로세스에 대한 컨텍스트 격리를 비활성화 }, }); } // 앱이 준비되면 새 창을 생성 async function startApp() { await app.whenReady(); const mainWindow = cre..
Electron 상단 메뉴 (main menu) ▒ 숨기기 win.setMenuBarVisibility(false); ▒ 없애기 const { app, BrowserWindow, Menu } = require('electron'); Menu.setApplicationMenu(null); ▒ 설정하기 const { app, BrowserWindow, Menu } = require('electron'); function setMainMenu() { const template = [ { label: 'File', submenu: [ { label: 'Open', accelerator: 'CmdOrCtrl+O', click() { // Open 기능을 여기에 구현하세요. }, }, { label: 'Save', accelerator: 'CmdOrCtrl+S'..
Electron MariaDB 1. 설치 npm install mariadb 2. 사용 const mariadb = require('mariadb'); const pool = mariadb.createPool({ host: process.env.DB_HOST, user: process.env.DB_USER, password: process.env.DB_PASSWORD, database: process.env.DB_database, connectionLimit: 5 }); async function checkConnection() { let conn; try { conn = await pool.getConnection(); return true; } catch (err) { return false; } finally { if (conn..
Electron 아이콘 icon 1. 크기 OS 별, 용도별 필요한 사이즈가 아래와 같다. 일러스트레이터 등의 도구로 아래 사이즈들의 PNG 파일을 작성한다. 그 후 GIMP 로 ico 파일을 만든다. OS 사이즈 용도 Windows 16×16 작은 아이콘 32×32 대부분의 작업 표시줄과 데스크톱 아이콘 48×48 익스플로러 및 데스크톱 아이콘의 큰 크기 256×256 대형 아이콘, Windows Vista 이상에서 사용 macOS 16×16 32×32 128×128 256×256 512×512 1024×1024 macOS 앱 스토어용 Linux 16×16 24×24 32×32 48×48 64×64 128×128 256×256 512×512

티스토리툴바