From d2864f7ac0fa2bc4540ef85815c4fa08d1300207 Mon Sep 17 00:00:00 2001
From: khj0414 <khj0414@local-host.co.kr>
Date: Mon, 7 Apr 2025 10:24:39 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9A=A9=EC=96=B4=EC=A7=91=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/wordDict/DictCard.vue |  6 +++---
 src/views/wordDict/wordDict.vue      | 31 +++++++++++++++++++++++++++-
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/src/components/wordDict/DictCard.vue b/src/components/wordDict/DictCard.vue
index 87c4e44..260f383 100644
--- a/src/components/wordDict/DictCard.vue
+++ b/src/components/wordDict/DictCard.vue
@@ -1,5 +1,5 @@
 <template>
-    <li class="card p-5 mb-2">
+    <li class="card p-4 mb-2">
         <DictWrite
             v-if="writeStore.isItemActive(item.WRDDICSEQ)"
             @close="writeStore.closeAll();"
@@ -16,9 +16,9 @@
         <div v-else>
             <div class="d-flex align-items-center justify-content-between">
                 <div class="d-flex align-items-center">
-                    <span class="btn btn-primary pe-none m-1"
+                    <span class="btn btn-primary pe-none m-2"
                     style="writing-mode: horizontal-tb;">{{ item.category }}</span>
-                     {{ item.WRDDICTTL }}
+                        {{ item.WRDDICTTL }}
                 </div>
                 <EditBtn
                     @click="toggleEdit"
diff --git a/src/views/wordDict/wordDict.vue b/src/views/wordDict/wordDict.vue
index 65582f3..6dca505 100644
--- a/src/views/wordDict/wordDict.vue
+++ b/src/views/wordDict/wordDict.vue
@@ -223,6 +223,7 @@ import { useRoute } from 'vue-router';
         sendWordRequest(category, wordData, newCodName);
     };
     const sendWordRequest = (category, wordData, data) => {
+
         const payload = {
             WRDDICCAT: category,
             WRDDICTTL: wordData.title,
@@ -237,13 +238,15 @@ import { useRoute } from 'vue-router';
                         writeButton.value.resetButton();
                     }
                     selectedCategory.value = category;
+                    const firstChar = getFirstCharacter(wordData.title[0]); // 첫 글자 변환
+                    selectedAlphabet.value = firstChar;
+
                     getwordList(searchText.value, selectedAlphabet.value, selectedCategory.value);
                     getIndex();
                     if(res.data.data == '2'){
                         const newCategory = { label: data, value: category };
                         cateList.value = [...cateList.value,newCategory];
                     }
-                    selectedAlphabet.value = '';
                 }
             });
     };
@@ -285,6 +288,32 @@ import { useRoute } from 'vue-router';
 
     };
 
+//초성 /알파벳 변환
+const getFirstCharacter = (char) => {
+    const CHOSUNG_LIST = [
+        'ㄱ', 'ㄲ', 'ㄴ', 'ㄷ', 'ㄸ', 'ㄹ', 'ㅁ', 'ㅂ', 'ㅃ', 'ㅅ',
+        'ㅆ', 'ㅇ', 'ㅈ', 'ㅉ', 'ㅊ', 'ㅋ', 'ㅌ', 'ㅍ', 'ㅎ'
+    ];
+
+    if (!char || char.length === 0) return '';
+
+    const code = char.charCodeAt(0);
+
+    // 한글 범위 (가~힣) → 초성 변환
+    if (code >= 0xAC00 && code <= 0xD7A3) {
+        const index = Math.floor((code - 0xAC00) / (21 * 28));
+        return CHOSUNG_LIST[index];
+    }
+
+    // 영어 소문자 → 대문자로 변환
+    if (char.match(/[a-zA-Z]/)) {
+        return char.toLowerCase();
+    }
+
+    // 기타 문자 (숫자, 특수문자) 그대로 반환
+    return char;
+};
+
 </script>
 
 <style scoped>