성능 최적화 — 렌더링과 시작 속도 개선

// ❌ 앱 시작 시 모든 모듈을 즉시 로드
const { app, BrowserWindow, Menu, Tray, dialog } = require('electron');
const fs = require('fs');
const path = require('path');
const Database = require('better-sqlite3');

// ✅ 필요할 때 로드 (Lazy Loading)
const { app, BrowserWindow } = require('electron');

let db;
function getDatabase() {
  if (!db) {
    const Database = require('better-sqlite3');
    db = new Database(dbPath);
  }
  return db;
}

const win = new BrowserWindow({
  show: false,  // 즉시 표시하지 않음
});

win.once('ready-to-show', () => {
  win.show();  // 콘텐츠가 준비된 후 표시
});

function createSplashScreen() {
  const splash = new BrowserWindow({
    width: 400,
    height: 300,
    frame: false,
    transparent: true,
    alwaysOnTop: true,
  });
  splash.loadFile('splash.html');
  return splash;
}

app.whenReady().then(() => {
  const splash = createSplashScreen();

  const mainWindow = new BrowserWindow({
    show: false,
    webPreferences: { preload: path.join(__dirname, 'preload.js') },
  });

  mainWindow.loadFile('index.html');

  mainWindow.once('ready-to-show', () => {
    splash.destroy();
    mainWindow.show();
  });
});

/* 애니메이션이 있는 요소에 GPU 가속 */
.animated-panel {
  will-change: transform;
}

/* 스크롤 컨테이너 최적화 */
.scroll-container {
  contain: layout style paint;
  overflow-y: auto;
}

// 수천 개의 아이템을 표시할 때
// 화면에 보이는 아이템만 DOM에 렌더링
class VirtualList {
  constructor(container, itemHeight, totalItems, renderItem) {
    this.itemHeight = itemHeight;
    this.totalItems = totalItems;
    this.renderItem = renderItem;

    container.style.height = `${itemHeight * totalItems}px`;
    container.style.position = 'relative';

    this.viewport = container.parentElement;
    this.viewport.addEventListener('scroll', () => this.render());
    this.container = container;
    this.render();
  }

  render() {
    const scrollTop = this.viewport.scrollTop;
    const viewportHeight = this.viewport.clientHeight;
    const startIdx = Math.floor(scrollTop / this.itemHeight);
    const endIdx = Math.min(
      startIdx + Math.ceil(viewportHeight / this.itemHeight) + 1,
      this.totalItems
    );

    this.container.innerHTML = '';
    for (let i = startIdx; i < endIdx; i++) {
      const el = this.renderItem(i);
      el.style.position = 'absolute';
      el.style.top = `${i * this.itemHeight}px`;
      this.container.appendChild(el);
    }
  }
}

// 우선순위가 낮은 작업을 유휴 시간에 실행
function runInIdle(tasks) {
  let index = 0;

  function processNext(deadline) {
    while (index < tasks.length && deadline.timeRemaining() > 5) {
      tasks[index]();
      index++;
    }
    if (index < tasks.length) {
      requestIdleCallback(processNext);
    }
  }

  requestIdleCallback(processNext);
}

// ❌ 매번 IPC 호출
for (const item of items) {
  await window.electronAPI.saveItem(item);
}

// ✅ 배치로 한 번에 전송
await window.electronAPI.saveItems(items);

// 메인 프로세스 성능 측정
const { performance } = require('perf_hooks');

const startTime = performance.now();
// 작업 수행
const elapsed = performance.now() - startTime;
console.log(`작업 소요 시간: ${elapsed.toFixed(2)}ms`);

// 앱 시작 시간 측정
app.on('ready', () => {
  console.log(`앱 준비 시간: ${performance.now().toFixed(0)}ms`);
});