Merge branch 'main' into vacation

src/components/main/MainMemberProfile.vue

@@ -4,7 +4,7 @@
             <li class="col-4 me-0" v-for="(member, index) in members" :key="index">
                 <div class="ratio ratio-1x1 mb-0 profile-list">
                     <img
-                        :src="`${baseUrl}upload/img/profile/${member.MEMBERPRF}`"
+                        :src="`${profileImgUrl}profile/${member.MEMBERPRF}`"
                         :style="`border-color: ${member.usercolor} !important;`"
                         alt="User Profile"
                         class="rounded-circle border border-2"
@@ -16,17 +16,17 @@
     </div>
 </template>
 
-<script>
-    export default {
-        props: {
-            members: {
-                type: Array,
-                required: true,
-            },
-            baseUrl: {
-                type: String,
-                required: true,
-            },
+<script setup>
+    const props = defineProps({
+        members: {
+            type: Array,
+            required: true,
         },
-    };
+        baseUrl: {
+            type: String,
+            required: true,
+        },
+    });
+
+    const profileImgUrl = import.meta.env.VITE_SERVER_IMG_URL;
 </script>

src/components/main/MainWordDict.vue

@@ -8,23 +8,23 @@
         </div>
         <div class="card-body">
             <ul class="p-0 m-0" v-for="item in wordList" :key="item.WRDDICSEQ">
-                <small class="card-subtitle">{{$common.dateFormatter(item.lastEditor.updatedAt)}}</small>
                 <li class="d-flex  mb-1">
                     <div class="avatar flex-shrink-0 me-1" >
-                                <img
-                                    style="cursor: auto;"
-                                    class="rounded-circle user-avatar"
-                                    :src="getProfileImage(item.lastEditor.profileImage)"
-                                    alt="최종 작성자"
-                                    :style="{ borderColor: item.lastEditor.color }"
-                                    @error="setDefaultImage"
-                                />
+                        <img
+                            style="cursor: auto;"
+                            class="rounded-circle user-avatar"
+                            :src="getProfileImage(item.lastEditor.profileImage)"
+                            alt="최종 작성자"
+                            :style="{ borderColor: item.lastEditor.color }"
+                            @error="setDefaultImage"
+                        />
                     </div>
                     <div class="timeline-event ps-1"  style="cursor: pointer;" @click="goWordList(item.WRDDICCAT,item.WRDDICTTL)">
                         <div class="timeline-header">
-                            <small class="text-primary text-uppercase">{{ item.category }}</small>
+                        <small class="text-primary text-uppercase">{{ item.category }}</small>
                         </div>
-                        <h6  class="my-50">{{truncateTitle(item.WRDDICTTL) }}</h6>
+                        <h6 class="my-50"> {{truncateTitle(item.WRDDICTTL) }}</h6>
+                        <p class="text-body mb-0"><small>{{$common.dateFormatter(item.lastEditor.updatedAt)}}</small></p>
                     </div>
                 </li>
             </ul>