릴리스: v1.3.18 템플릿 요청 실패 보완과 이미지 최적화 기간 선택 개선

frontend/src/views/TierEditorView.vue

@@ -342,6 +342,15 @@ function createColumnName(index = columns.value.length) {
   return `열 ${index + 1}`
 }
 
+function createCustomItemLabel(fileName = '') {
+  const normalized = String(fileName || '')
+    .replace(/\.[^.]+$/, '')
+    .replace(/[_-]+/g, ' ')
+    .replace(/\s+/g, ' ')
+    .trim()
+  return (normalized || 'custom').slice(0, 60)
+}
+
 async function addGroup() {
   groups.value = [
     ...groups.value,
@@ -440,7 +449,7 @@ function addCustomImage(file) {
   const id = `c-${Date.now()}-${Math.random().toString(16).slice(2)}`
   itemsById.value = {
     ...itemsById.value,
-    [id]: { id, src: url, label: file.name || 'custom', origin: 'custom', pendingFile: file },
+    [id]: { id, src: url, label: createCustomItemLabel(file.name), origin: 'custom', pendingFile: file },
   }
   pool.value = [id, ...pool.value]
 }
@@ -574,7 +583,7 @@ async function uploadPendingCustomItems() {
 
   for (const item of entries) {
     const fd = new FormData()
-    fd.append('label', item.label || 'custom')
+    fd.append('label', createCustomItemLabel(item.label || 'custom'))
     fd.append('image', item.pendingFile)
 
     const res = await fetch(toApiUrl('/api/tierlists/custom-items'), {
@@ -797,6 +806,10 @@ async function requestTemplate(type) {
           : '템플릿 업데이트 요청을 보냈어요.'
     )
   } catch (e) {
+    if (e?.message === 'custom_upload_failed') {
+      toast.error('커스텀 이미지 이름이 너무 길거나 업로드 조건에 맞지 않아 요청 전에 저장하지 못했어요. 아이템 이름을 60자 이하로 줄인 뒤 다시 시도해주세요.')
+      return
+    }
     if (e?.status === 409) {
       toast.error('이미 처리 대기 중인 같은 요청이 있어요.')
       return
@@ -805,6 +818,10 @@ async function requestTemplate(type) {
       toast.error('먼저 커스텀 아이템을 추가한 뒤 요청해주세요.')
       return
     }
+    if (e?.status === 400 && e?.data?.error === 'bad_request') {
+      toast.error('요청 제목, 설명, 아이템 이름 중 길이 제한을 넘긴 값이 없는지 확인해주세요.')
+      return
+    }
     toast.error(type === 'create' ? '템플릿 등록 요청에 실패했어요.' : '템플릿 업데이트 요청에 실패했어요.')
   } finally {
     isRequestingTemplate.value = false