본문 바로가기

컴퓨터/Electron

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
Electron 로그인 애플리케이션 0. 개요: Electron은 리눅스, 윈도우, 맥에서 모두 사용할 수 있지만 윈도우는 크게 설명이 필요없을 정도로 쉽고 맥은 내가 쓸 일이 없을 것 같아 리눅스 위주로 글을 적을 것이다. 아... 그러고 보니 맥도 쓸 일 있겠는데?;;; 1. 필수조건: Node.js가 설치돼 있어야 한다. 2. 프로젝트 생성 mkdir app && cd app npm init -y 9. 빌더 설정: package.json { "name": "appname", "version": "1.0.0", "description": "description", "main": "main.js", "homepage": "https://yourprojecthomepage.com", "author": { "name": "yourname",..

티스토리툴바