sidebar-resizer 추가

src/renderer/renderer.js

@@ -17,6 +17,7 @@ import * as selection       from './handlers/selection.js';
 import * as dragDrop        from './handlers/drag-drop.js';
 import * as hoverPreview    from './handlers/image-preview.js';
 import * as fileExplorer    from './handlers/file-explorer.js';
+import * as sidebarResize   from './handlers/sidebar-resize.js';
 
 // ── DOM ──────────────────────────────────────────────
 const btnOpen          = document.getElementById('btn-open');
@@ -36,6 +37,8 @@ const btnPreviewToggle = document.getElementById('btn-preview-toggle');
 const btnUndo          = document.getElementById('btn-undo');
 const btnRedo          = document.getElementById('btn-redo');
 const fileExplorerContainer = document.querySelector('.file-explorer');
+const aside            = document.querySelector('aside');
+const sidebarResizer   = document.getElementById('sidebar-resizer');
 
 const folderController = createFolderController({
   btnRename,
@@ -74,15 +77,22 @@ window.api.onFullscreenChange((isFullscreen) => {
 
 // ── 앱 시작 ───────────────────────────────────────
 (async () => {
-  const [lastFolder, homeDir, previewOn] = await Promise.all([
+  const [lastFolder, homeDir, previewOn, sidebarWidth] = await Promise.all([
     window.api.getLastFolder(),
     window.api.getHomeDir(),
     window.api.getPreviewOn(),
+    window.api.getSidebarWidth(),
   ]);
   folderController.setHomeDir(homeDir);
 
   btnPreviewToggle.classList.toggle('active', previewOn);
   hoverPreview.setEnabled(previewOn);
+  sidebarResize.init({
+    aside,
+    handle: sidebarResizer,
+    initialWidth: sidebarWidth,
+    onResizeEnd: width => window.api.setSidebarWidth(width),
+  });
 
   const target = lastFolder || homeDir;
   await fileExplorer.loadTree(homeDir, target);