From 48dd6c5b9c720b75b82748a63c4b8b670fb2161f Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Fri, 28 Mar 2025 15:11:00 +0900
Subject: [PATCH 1/6] =?UTF-8?q?=EB=B9=84=EB=B0=80=EB=B2=88=ED=98=B8=204?=
 =?UTF-8?q?=EC=9E=90=EB=A6=AC=20alert=20=EB=88=84=EB=9D=BD=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/user/RegisterForm.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/user/RegisterForm.vue b/src/components/user/RegisterForm.vue
index aea85d2..726df69 100644
--- a/src/components/user/RegisterForm.vue
+++ b/src/components/user/RegisterForm.vue
@@ -332,9 +332,12 @@
     };
 
     watch(password, (newValue) => {
-        if (newValue.length >= 4) {
+        if (newValue && newValue.length >= 4) {
             passwordErrorAlert.value = false;
             passwordError.value = '';
+        } else if (newValue && newValue.length < 4) {
+            passwordErrorAlert.value = true;
+            passwordError.value = '비밀번호는 4자리 이상이어야 합니다.';
         }
     });
 
@@ -342,6 +345,7 @@
     // 회원가입
     const handleSubmit = async () => {
         await checkColorDuplicate();
+
         idAlert.value = id.value.trim() === '';
         passwordAlert.value = password.value.trim() === '';
         passwordcheckAlert.value = passwordcheck.value.trim() === '';
@@ -351,8 +355,8 @@
         addressAlert.value = address.value.trim() === '';
         phoneAlert.value = phone.value.trim() === '';
 
-         // 비밀번호 길이 체크 로직 추가
-        if (password.value.length < 4) {
+        // 비밀번호 길이 체크 로직 수정
+        if (password.value && password.value.length < 4) {
             passwordErrorAlert.value = true;
             passwordError.value = '비밀번호는 4자리 이상이어야 합니다.';
         } else {

From 525a484615566d3d286f0db09eb626a4c1ca2e8f Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Fri, 28 Mar 2025 15:15:44 +0900
Subject: [PATCH 2/6] =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=82=AD?=
 =?UTF-8?q?=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/commuters/CommuterCalendar.vue | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/components/commuters/CommuterCalendar.vue b/src/components/commuters/CommuterCalendar.vue
index 1f62ebf..c0d7167 100644
--- a/src/components/commuters/CommuterCalendar.vue
+++ b/src/components/commuters/CommuterCalendar.vue
@@ -431,9 +431,3 @@ onMounted(async () => {
     );
 });
 </script>
-
-<style>
-.fc-daygrid-day[data-has-commuters="true"] {
-    cursor: pointer;
-}
-</style>

From 969f566187e66e0de4da9aa7048f0d685a9bc0be Mon Sep 17 00:00:00 2001
From: khj0414 <khj0414@local-host.co.kr>
Date: Fri, 28 Mar 2025 15:22:06 +0900
Subject: [PATCH 3/6] =?UTF-8?q?=EC=82=AD=EC=A0=9C=EB=90=9C=EA=B2=83=20?=
 =?UTF-8?q?=EB=94=94=EC=84=B8=EC=9D=B4=EB=B8=94=20=ED=88=AC=ED=91=9C?=
 =?UTF-8?q?=ED=91=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/voteboard/voteCard.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/voteboard/voteCard.vue b/src/components/voteboard/voteCard.vue
index c987a79..095a66d 100644
--- a/src/components/voteboard/voteCard.vue
+++ b/src/components/voteboard/voteCard.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="card mb-6"  :class="{'ps-none opacity-50': data.localVote.LOCVOTDDT  && (topVoters.length == 1 || data.localVote.LOCVOTRES || voteResult == 0)}">
+    <div class="card mb-6"  :class="{'disabled-class': data.localVote.LOCVOTDDT  && (topVoters.length == 1 || data.localVote.LOCVOTRES || voteResult == 0)}">
         <div  class="card-body" v-if="!data.localVote.LOCVOTDEL" >
             <h5 class="card-title mb-1">
                 <div class="list-unstyled users-list d-flex align-items-center gap-1">
@@ -59,7 +59,7 @@
                 :data="data.voteMembers"/>
             </div>
         </div>
-        <div v-else  class="card-body">
+        <div v-else  class="card-body disabled-class">
             <h5>{{ data.localVote.LOCVOTTTL }}</h5>
             삭제된 투표입니다.
         </div>

From c90ce680fc65e4004a4d20b361e74e536b7993be Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Fri, 28 Mar 2025 15:57:56 +0900
Subject: [PATCH 4/6] =?UTF-8?q?min=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/input/UserFormInput.vue | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/components/input/UserFormInput.vue b/src/components/input/UserFormInput.vue
index 36c4573..b3eebd4 100644
--- a/src/components/input/UserFormInput.vue
+++ b/src/components/input/UserFormInput.vue
@@ -14,7 +14,6 @@
                     :value="computedValue"
                     :disabled="disabled"
                     :maxLength="maxlength"
-                    :minLength="minlength"
                     :placeholder="title"
                     @blur="$emit('blur')"
                 />
@@ -30,7 +29,6 @@
                     :value="computedValue"
                     :disabled="disabled"
                     :maxLength="maxlength"
-                    :minLength="minlength"
                     :placeholder="title"
                     @blur="$emit('blur')"
                     @click="handleDateClick"
@@ -81,11 +79,6 @@
             default: 30,
             required: false,
         },
-        minlength: {
-            type: Number,
-            default: 4,
-            required: false,
-        },
         isAlert: {
             type: Boolean,
             default: false,

From 657312b4738ee8531ea5ff427aea005e25d72280 Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Fri, 28 Mar 2025 15:58:33 +0900
Subject: [PATCH 5/6] =?UTF-8?q?map=20=EA=B3=B5=ED=86=B5=20=ED=8C=8C?=
 =?UTF-8?q?=EC=9D=BC=20=EB=BA=B4=EA=B8=B0=20=EB=AF=B8=EC=99=84=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/custom.css                         |   2 +-
 src/components/commuters/CommuterCalendar.vue |   4 +-
 src/components/list/ProjectCard.vue           |  92 +++------------
 src/components/map/MapPopover.vue             | 109 ++++++++++++++++++
 4 files changed, 125 insertions(+), 82 deletions(-)
 create mode 100644 src/components/map/MapPopover.vue

diff --git a/public/css/custom.css b/public/css/custom.css
index d2e01a7..2d61ee1 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -539,7 +539,7 @@
 
 .map {
     top: -160px;
-    left: -5px;
+    left: 90px;
 }
 
 @keyframes sparkle {
diff --git a/src/components/commuters/CommuterCalendar.vue b/src/components/commuters/CommuterCalendar.vue
index c0d7167..925d5df 100644
--- a/src/components/commuters/CommuterCalendar.vue
+++ b/src/components/commuters/CommuterCalendar.vue
@@ -63,8 +63,8 @@
 
                         <span class="fw-bold">{{ commuter.memberName }}</span>
 
-                        <div class="ms-auto text-start fw-bold">
-                            <div class="d-flex gap-1 align-items-center ">
+                        <div class="ms-auto text-start fw-bold d-flex flex-column align-items-end">
+                            <div class="d-flex gap-1 align-items-center">
                                 출근 :
                                 <div class="text-white rounded px-2" :style="`background: ${commuter.projctcolor} !important;`">
                                     {{ commuter.PROJCTNAM }}
diff --git a/src/components/list/ProjectCard.vue b/src/components/list/ProjectCard.vue
index a529850..cf627fa 100644
--- a/src/components/list/ProjectCard.vue
+++ b/src/components/list/ProjectCard.vue
@@ -32,36 +32,19 @@
                 </div>
                 <!-- 주소 -->
                 <div class="d-flex flex-sm-row align-items-center pb-2">
-                    <div class="d-flex" @click.stop="isPopoverVisible = !isPopoverVisible">
-                        <i class="bx bxs-map cursor-pointer" ref="mapIconRef"></i>
-                        <div class="ms-2">주소</div>
-                    </div>
-                    <div class="ms-12 position-relative">
-                        {{ address }} {{ addressdtail }}
-                        <!-- 팝오버 -->
-                        <div v-if="isPopoverVisible" class="position-absolute map ">
-                            <button type="button" class="btn-close popover-close" @click.stop="isPopoverVisible = !isPopoverVisible"></button>
-                            <div class="card">
-                                <div class="card-body p-1">
-                                    <KakaoMap
-                                        v-if="coordinates"
-                                        :lat="coordinates.lat"
-                                        :lng="coordinates.lng"
-                                        class="w-px-250 h-px-200"
-                                        @onLoadKakaoMap="onLoadKakaoMap"
-                                    >
-                                        <KakaoMapMarker
-                                            :lat="coordinates.lat"
-                                            :lng="coordinates.lng"
-                                        />
-                                    </KakaoMap>
-                                    <div class="position-absolute top-50 translate-middle-y end-0 me-3 z-1 d-flex flex-column gap-1">
-                                        <button class="btn-secondary border-none" @click="zoomOut">+</button>
-                                        <button class="btn-secondary border-none" @click="zoomIn">-</button>
-                                    </div>
-                                </div>
+                    <MapPopover
+                        :address="address"
+                        :ref="mapIconRef"
+                    >
+                        <template #trigger>
+                            <div class="d-flex align-items-center cursor-pointer">
+                                <i class="bx bxs-map"></i>
+                                <div class="ms-2">주소</div>
                             </div>
-                        </div>
+                        </template>
+                    </MapPopover>
+                    <div class="ms-12">
+                        {{ address }} {{ addressdtail }}
                     </div>
                     <button type="button" class="btn ms-auto text-white" :style="`background-color: ${projctColor} !important;`" @click.stop="openModal"><i class='bx bx-child'></i></button>
                 </div>
@@ -195,6 +178,7 @@ import DeleteBtn from '../button/DeleteBtn.vue';
 import FormInput from '@c/input/FormInput.vue';
 import FormSelect from '@c/input/FormSelect.vue';
 import ArrInput from '@c/input/ArrInput.vue';
+import MapPopover from '@c/map/MapPopover.vue';
 import { useToastStore } from '@s/toastStore';
 import { useUserInfoStore } from '@/stores/useUserInfoStore';
 import commonApi, { refreshColorList } from '@/common/commonApi';
@@ -270,11 +254,7 @@ const emit = defineEmits(['update']);
 const isModalOpen = ref(false);
 const logData = ref([]);
 
-// 주소 팝오버 상태
-const isPopoverVisible = ref(false);
-const map = ref();
 const mapIconRef = ref(null);
-const coordinates = ref(null);
 
 // 수정 모달 상태
 const isEditModalOpen = ref(false);
@@ -292,8 +272,6 @@ const selectedUsers = ref({
 });
 
 
-const isKakaoMapLoaded = ref(false);
-
 const startDateInput = ref(null);
 const endDateInput = ref(null);
 
@@ -538,43 +516,6 @@ const handleUpdate = async () => {
     }
 };
 
-// 주소를 좌표로 변환하는 함수
-const convertAddressToCoordinates = () => {
-    if (!window.kakao || !window.kakao.maps) {
-        return;
-    }
-
-    const geocoder = new window.kakao.maps.services.Geocoder();
-    geocoder.addressSearch(props.address, (result, status) => {
-        if (status === window.kakao.maps.services.Status.OK) {
-            coordinates.value = {
-                lat: parseFloat(result[0].y),
-                lng: parseFloat(result[0].x)
-            };
-        }
-    });
-};
-
-const onLoadKakaoMap = (mapRef) => {
-    map.value = mapRef;
-};
-
-// 지도 확대
-const zoomIn = () => {
-    if (map.value) {
-        const level = map.value.getLevel();
-        map.value.setLevel(level + 1);
-    }
-};
-
-// 지도 축소
-const zoomOut = () => {
-    if (map.value) {
-        const level = map.value.getLevel();
-        map.value.setLevel(level - 1);
-    }
-};
-
 // 프로젝트 삭제
 const handleDelete = () => {
     $api.patch('project/delete', {
@@ -605,13 +546,6 @@ onMounted(async () => {
         endInputElement = endDateInput.value.$el.querySelector('input[type="date"]');
     }
 
-    const checkKakaoMapsLoaded = () => {
-        if (window.kakao && window.kakao.maps && window.kakao.maps.services) {
-            convertAddressToCoordinates();
-        }
-    };
-
-    checkKakaoMapsLoaded();
 });
 
 
diff --git a/src/components/map/MapPopover.vue b/src/components/map/MapPopover.vue
new file mode 100644
index 0000000..c1ba217
--- /dev/null
+++ b/src/components/map/MapPopover.vue
@@ -0,0 +1,109 @@
+<template>
+    <div class="position-relative">
+        <div @click="togglePopover">
+            <slot name="trigger">
+            <i class="bx bxs-map"></i>
+            </slot>
+        </div>
+
+        <div
+            v-if="isVisible"
+            class="position-absolute map z-3"
+        >
+            <button
+            type="button"
+            class="btn-close popover-close"
+            @click="togglePopover"
+            ></button>
+
+            <div class="card">
+            <div class="card-body p-1">
+                <KakaoMap
+                v-if="coordinates"
+                :lat="coordinates.lat"
+                :lng="coordinates.lng"
+                class="w-px-250 h-px-200"
+                @onLoadKakaoMap="onLoadKakaoMap"
+                >
+                <KakaoMapMarker
+                    :lat="coordinates.lat"
+                    :lng="coordinates.lng"
+                />
+                </KakaoMap>
+
+                <div class="position-absolute top-50 translate-middle-y end-0 me-3 z-1 d-flex flex-column gap-1">
+                <button class="btn-secondary border-none" @click="zoomOut">+</button>
+                <button class="btn-secondary border-none" @click="zoomIn">-</button>
+                </div>
+            </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+    import { ref, onMounted } from 'vue';
+    import { KakaoMap, KakaoMapMarker } from 'vue3-kakao-maps';
+
+    const props = defineProps({
+        address: {
+        type: String,
+        required: true
+        }
+    });
+
+    const isVisible = ref(false);
+    const coordinates = ref(null);
+    const map = ref(null);
+
+    // 주소를 좌표로 변환하는 함수
+    const convertAddressToCoordinates = () => {
+        return new Promise((resolve, reject) => {
+        if (!window.kakao || !window.kakao.maps) {
+            reject(new Error('Kakao Maps not loaded'));
+            return;
+        }
+
+        const geocoder = new window.kakao.maps.services.Geocoder();
+        geocoder.addressSearch(props.address, (result, status) => {
+            if (status === window.kakao.maps.services.Status.OK) {
+            resolve({
+                lat: parseFloat(result[0].y),
+                lng: parseFloat(result[0].x)
+            });
+            } else {
+            reject(new Error('Address conversion failed'));
+            }
+        });
+        });
+    };
+
+    const togglePopover = () => {
+        isVisible.value = !isVisible.value;
+    };
+
+    const onLoadKakaoMap = (mapRef) => {
+        map.value = mapRef;
+    };
+
+    // 지도 확대
+    const zoomIn = () => {
+        if (map.value) {
+        const level = map.value.getLevel();
+        map.value.setLevel(level + 1);
+        }
+    };
+
+    // 지도 축소
+    const zoomOut = () => {
+        if (map.value) {
+        const level = map.value.getLevel();
+        map.value.setLevel(level - 1);
+        }
+    };
+
+    // 컴포넌트 마운트 시 좌표 변환
+    onMounted(async () => {
+        coordinates.value = await convertAddressToCoordinates();
+    });
+</script>

From ad3af31e37fa32fce31e9de831ffb609af5f85e0 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Fri, 28 Mar 2025 16:18:06 +0900
Subject: [PATCH 6/6] =?UTF-8?q?=EA=B2=80=EC=83=89=20=ED=95=84=ED=84=B0?=
 =?UTF-8?q?=EB=A7=81=20=EC=9C=A0=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/search/SearchBar.vue | 91 +++++++++++++++--------------
 src/views/board/BoardList.vue       |  2 +-
 2 files changed, 47 insertions(+), 46 deletions(-)

diff --git a/src/components/search/SearchBar.vue b/src/components/search/SearchBar.vue
index 9a68666..03bfb3a 100644
--- a/src/components/search/SearchBar.vue
+++ b/src/components/search/SearchBar.vue
@@ -1,17 +1,8 @@
 <template>
     <form @submit.prevent="search">
         <div class="input-group mb-3 d-flex">
-            <input
-                type="text"
-                class="form-control"
-                placeholder="Search"
-                v-model="searchQuery"
-                @input="preventLeadingSpace"
-            />
-            <button
-                type="submit"
-                class="btn btn-primary"
-            >
+            <input type="text" class="form-control" placeholder="Search" v-model="searchQuery" @input="preventLeadingSpace" />
+            <button type="submit" class="btn btn-primary">
                 <i class="bx bx-search bx-md"></i>
             </button>
         </div>
@@ -19,44 +10,54 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+    import { ref, watch } from 'vue';
 
-const props = defineProps({
-    maxlength: {
-        type: Number,
-        default: 30,
-        required: false,
-    },
-});
+    const props = defineProps({
+        maxlength: {
+            type: Number,
+            default: 30,
+            required: false,
+        },
+        initKeyword: {
+            type: String,
+        },
+    });
 
-const emits = defineEmits(["update:data"]);
-const searchQuery = ref("");
+    const emits = defineEmits(['update:data']);
+    const searchQuery = ref('');
 
-// 검색 실행 함수 (버튼 클릭 or 엔터 공통)
-const search = () => {
-    const trimmedQuery = searchQuery.value.trimStart();
-    if (trimmedQuery === "") {
-        emits("update:data", "");
-        return;
-    }
-    if (trimmedQuery.length < 2 ) {
-        alert("검색어는 최소 2글자 이상 입력해주세요.");
-        searchQuery.value = '';
-        return;
-    }
+    watch(
+        () => props.initKeyword,
+        (newVal, oldVal) => {
+            searchQuery.value = newVal;
+        },
+    );
 
-    // 길이 제한 처리
-    if (trimmedQuery.length > props.maxlength) {
-        searchQuery.value = trimmedQuery.slice(0, props.maxlength);
-    } else {
-        searchQuery.value = trimmedQuery;
-    }
+    // 검색 실행 함수 (버튼 클릭 or 엔터 공통)
+    const search = () => {
+        const trimmedQuery = searchQuery.value.trimStart();
+        if (trimmedQuery === '') {
+            emits('update:data', '');
+            return;
+        }
+        if (trimmedQuery.length < 2) {
+            alert('검색어는 최소 2글자 이상 입력해주세요.');
+            searchQuery.value = '';
+            return;
+        }
 
-    emits("update:data", searchQuery.value);
-};
+        // 길이 제한 처리
+        if (trimmedQuery.length > props.maxlength) {
+            searchQuery.value = trimmedQuery.slice(0, props.maxlength);
+        } else {
+            searchQuery.value = trimmedQuery;
+        }
 
-// 좌측 공백 제거
-const preventLeadingSpace = () => {
-    searchQuery.value = searchQuery.value.trimStart();
-};
+        emits('update:data', searchQuery.value);
+    };
+
+    // 좌측 공백 제거
+    const preventLeadingSpace = () => {
+        searchQuery.value = searchQuery.value.trimStart();
+    };
 </script>
diff --git a/src/views/board/BoardList.vue b/src/views/board/BoardList.vue
index a3bf5ad..cd3ee2f 100644
--- a/src/views/board/BoardList.vue
+++ b/src/views/board/BoardList.vue
@@ -4,7 +4,7 @@
             <div class="card-header d-flex flex-column">
                 <!-- 검색창 -->
                 <div class="mb-3 w-100">
-                    <search-bar @update:data="search" @keyup.enter="searchOnEnter" class="flex-grow-1" />
+                    <search-bar @update:data="search" @keyup.enter="searchOnEnter" :initKeyword="searchText" class="flex-grow-1" />
                 </div>
                 <div class="d-flex align-items-center" style="gap: 15px">
                     <!-- 리스트 갯수 선택 -->