선택한 이미지들을 드래그하고 폴더에 드롭하면 파일 이동 실행

src/renderer/index.html

@@ -75,6 +75,29 @@
 
 <div id="toast"></div>
 
+<div id="move-modal" class="modal-overlay" style="display:none;">
+  <div class="modal-box">
+    <p class="modal-msg">대상 폴더에 이미 같은 이름의 파일이 존재합니다.<br>새로운 이름으로 파일들을 이동하시겠습니까?</p>
+    <div class="modal-fields">
+      <label>파일명 포맷<input type="text" id="move-prefix" value="photo" placeholder="접두사" /></label>
+      <label>자리 순번 숫자<input type="number" id="move-digits" value="4" min="1" max="6" /></label>
+    </div>
+    <div class="modal-actions">
+      <button id="move-cancel" class="btn btn-ghost">취소</button>
+      <button id="move-confirm" class="btn btn-success">실행</button>
+    </div>
+  </div>
+</div>
+
+<div id="move-error-modal" class="modal-overlay" style="display:none;">
+  <div class="modal-box">
+    <p class="modal-msg">새로운 이름의 파일도 존재합니다.</p>
+    <div class="modal-actions">
+      <button id="move-error-close" class="btn btn-ghost">닫기</button>
+    </div>
+  </div>
+</div>
+
 <script type="module" src="renderer.js"></script>
 </body>
 </html>