사이드바 너비, 카드 크기 정보 저장, 앱 실행시 적용 + 개발 모드 실행시 로그 출력

src/renderer/folder-controller.js

@@ -3,6 +3,7 @@ import { showLoading, hideLoading, setStatus } from './ui.js';
 import { renderGrid, showEmptyGrid } from './grid.js';
 import * as history from './history.js';
 import * as fileExplorer from './handlers/file-explorer.js';
+import { error, log } from './logger.js';
 
 export function createFolderController({
   btnRename,
@@ -15,10 +16,19 @@ export function createFolderController({
   let homeDir = null;
 
   async function openFolder() {
-    const folder = await window.api.selectFolder();
-    if (!folder) return;
+    log('folder', 'openFolder start', { homeDir });
+    let folder = null;
+    try {
+      folder = await window.api.selectFolder();
+    } catch (e) {
+      error('folder', 'selectFolder failed', e);
+      setStatus(`폴더 열기 실패: ${e.message}`, false);
+      return;
+    }
 
-    if (folder.startsWith(homeDir)) {
+    log('folder', 'openFolder selected', { folder });
+    if (!folder) return;
+    if (homeDir && folder.startsWith(homeDir)) {
       await fileExplorer.loadTree(homeDir, folder);
     } else {
       await fileExplorer.loadTree(folder, folder);
@@ -27,6 +37,7 @@ export function createFolderController({
   }
 
   async function loadFolder(folder) {
+    log('folder', 'loadFolder start', { folder });
     if (!folder) return;
     state.currentFolder = folder;
     dirPath.textContent = folder;
@@ -34,33 +45,45 @@ export function createFolderController({
     await fileExplorer.setSelectedPath(folder);
 
     showLoading('이미지 목록 불러오는 중...');
-    const list = await window.api.listImages(folder);
-    hideLoading();
+    let list = [];
+    try {
+      list = await window.api.listImages(folder);
+      hideLoading();
+      log('folder', 'loadFolder listImages complete', { folder, count: list.length });
+
+      if (!list.length) {
+        state.files.length = 0;
+        state.selectedIdxs.clear();
+        showEmptyGrid();
+        btnRename.disabled = true;
+        setStatus('이미지 파일 없음', false);
+        log('folder', 'loadFolder empty', { folder });
+        return;
+      }
 
-    if (!list.length) {
       state.files.length = 0;
+      state.files.push(...list);
       state.selectedIdxs.clear();
+      state.sortMode = 'name';
+      updateSortButtons();
+      setStatus(`${state.files.length}개 파일 로드됨`, true);
+
+      const folderName = folder.replace(/\\/g, '/').split('/').pop();
+      if (folderName) inputPrefix.value = folderName;
+
+      renderGrid();
+      updatePreview();
+      btnRename.disabled = false;
+      history.reset();
+      history.pushReorder(state.files);
+      log('folder', 'loadFolder done', { folder, count: state.files.length });
+    } catch (e) {
+      hideLoading();
+      error('folder', `loadFolder failed: ${folder}`, e);
       showEmptyGrid();
       btnRename.disabled = true;
-      setStatus('이미지 파일 없음', false);
-      return;
+      setStatus(`폴더 로드 실패: ${e.message}`, false);
     }
-
-    state.files.length = 0;
-    state.files.push(...list);
-    state.selectedIdxs.clear();
-    state.sortMode = 'name';
-    updateSortButtons();
-    setStatus(`${state.files.length}개 파일 로드됨`, true);
-
-    const folderName = folder.replace(/\\/g, '/').split('/').pop();
-    if (folderName) inputPrefix.value = folderName;
-
-    renderGrid();
-    updatePreview();
-    btnRename.disabled = false;
-    history.reset();
-    history.pushReorder(state.files);
   }
 
   async function sortFiles(mode) {