리펙토링 - 수정 작업한 코드 최적화

src/renderer/renderer.js

@@ -7,7 +7,7 @@ import {
 import { doRename }         from './rename.js';
 import { handleFolderDrop } from './move.js';
 import { initModalControls } from './modal.js';
-import { clampDigits, getExtension } from './utils/file-names.js';
+import { buildSequentialName, getNameFormat } from './utils/file-names.js';
 import { initKeyboardShortcuts } from './keyboard.js';
 import { createFolderController } from './folder-controller.js';
 import { createHistoryController } from './history-controller.js';
@@ -146,10 +146,8 @@ initKeyboardShortcuts({
 
 // ── 포맷 미리보기 ─────────────────────────────────
 function updatePreview() {
-  const prefix = inputPrefix.value.trim() || 'photo_';
-  const digits = clampDigits(inputDigits.value);
-  const postfix = inputPostfix.value.trim();
-  const ext    = state.files.length ? getExtension(state.files[0].name) : 'jpg';
-  previewName.textContent = `${prefix}${'1'.padStart(digits, '0')}${postfix}.${ext}`;
+  const format = getNameFormat(inputPrefix, inputDigits, 3, inputPostfix);
+  const fileName = state.files[0]?.name || 'preview.jpg';
+  previewName.textContent = buildSequentialName(fileName, 0, format);
   updateNewNameLabels();
 }

src/renderer/style.css

@@ -443,40 +443,6 @@ footer span { font-size: 11px; color: var(--muted); }
 @keyframes spin { to { transform: rotate(360deg); } }
 #loading p { color: var(--text); font-size: 14px; }
 
-/* ── 카드 호버 원형 로딩바 ── */
-.card-hover-loader {
-  position: absolute;
-  top: calc(var(--thumb-size) / 2);
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 52px;
-  height: 52px;
-  pointer-events: none;
-  z-index: 10;
-  overflow: visible;
-}
-.card-hover-loader .loader-bg {
-  fill: rgba(0, 0, 0, 0.55);
-}
-.card-hover-loader .loader-track {
-  fill: none;
-  stroke: rgba(255, 255, 255, 0.15);
-  stroke-width: 3;
-}
-.card-hover-loader .loader-progress {
-  fill: none;
-  stroke: var(--accent);
-  stroke-width: 3;
-  stroke-linecap: round;
-  transform-origin: 24px 24px;
-  transform: rotate(-90deg);
-  animation: hover-loader-fill 1s linear forwards;
-}
-@keyframes hover-loader-fill {
-  from { stroke-dashoffset: 125.66; }
-  to   { stroke-dashoffset: 0; }
-}
-
 /* ── 호버 이미지 팝업 ── */
 .hover-preview {
   position: fixed;