From afc61ed3ce79d2172e240696523c1223af4e0926 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 16:32:26 +0900
Subject: [PATCH 01/13] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20=EC=97=90=EB=9F=AC=EC=97=90=20=EB=94=B0?=
 =?UTF-8?q?=EB=A5=B8=20=EB=AA=A8=EB=8B=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/LoginView.vue | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 4e31683c..2a687513 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -1,5 +1,12 @@
 <template>
   <div class="max-w-400">
+    <ModalView
+      :is-open="isModalVisible"
+      type="failType"
+      @close="closeModal">
+      <template #header>{{ messageHeader }}</template>
+      <template #body>{{ messageBody }}</template>
+    </ModalView>
     <div class="py-16">
       <TitleContainer
         :title="'TaskFlow\n로그인'"
@@ -49,6 +56,7 @@ import { postLogin } from '@/api/auth'
 import { useMemberStore } from '@/stores/member'
 import TitleContainer from '@/components/common/TitleContainer.vue'
 import Cookies from 'js-cookie'
+import ModalView from '@/components/ModalView.vue'
 
 const router = useRouter()
 
@@ -56,6 +64,15 @@ const nickname = ref('')
 const password = ref('')
 const memberStore = useMemberStore()
 
+const messageHeader = ref('')
+const messageBody = ref('')
+
+const isModalVisible = ref(false)
+
+const closeModal = () => {
+  isModalVisible.value = false
+}
+
 const handleLogin = async () => {
   try {
     const loginData = {
@@ -83,7 +100,19 @@ const handleLogin = async () => {
       }
     }
   } catch (error) {
-    console.error('로그인 실패:', error)
+    switch (error?.response?.status) {
+      case 401:
+        isModalVisible.value = !isModalVisible.value
+        messageHeader.value = '일치하는 정보가 없습니다'
+        messageBody.value = '닉네임과 비밀번호를 다시 확인해 주세요'
+        break
+
+      case 500:
+        isModalVisible.value = !isModalVisible.value
+        messageHeader.value = '서버에 문제가 발생했습니다'
+        messageBody.value = '잠시후 다시 이용해주세요'
+        break
+    }
   }
 }
 </script>

From d4d46ea5127ce225ad2cf99a1acb66d763557d95 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 18:15:33 +0900
Subject: [PATCH 02/13] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=EC=9D=B4?=
 =?UTF-8?q?=EB=A6=84=20=EA=B0=92=EC=97=90=20=EB=8C=80=ED=95=9C=20=EC=9C=A0?=
 =?UTF-8?q?=ED=9A=A8=EC=84=B1=20=EA=B2=80=EC=82=AC(=EA=B8=B8=EC=9D=B4,=20?=
 =?UTF-8?q?=ED=8A=B9=EC=88=98=EB=AC=B8=EC=9E=90=20=EC=A0=9C=ED=95=9C)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EditInformation.vue | 81 ++++++++++++++++++++----------
 1 file changed, 54 insertions(+), 27 deletions(-)

diff --git a/src/components/EditInformation.vue b/src/components/EditInformation.vue
index b5eceec3..4b1d267e 100644
--- a/src/components/EditInformation.vue
+++ b/src/components/EditInformation.vue
@@ -36,13 +36,24 @@
         accept="image/*"
         class="hidden" />
     </div>
-
-    <div class="flex flex-col">
+    <div class="flex flex-col relative">
       <p class="text-body text-xs font-bold">이름</p>
+      <span class="absolute top-1 right-2 text-xs text-gray-500"> {{ name.length }} / 10 </span>
       <input
-        class="input-box h-11 mt-2 text-black"
+        :class="[
+          'block w-full px-4 py-4 border rounded focus:outline-none h-11 mt-2 text-black',
+          isInvalid ? 'border-red-1' : 'border-border-1'
+        ]"
         placeholder="이름을 입력해주세요"
-        v-model="name" />
+        v-model="name"
+        maxlength="10"
+        ref="nameInput"
+        @blur="validateName" />
+      <span
+        v-show="isInvalid"
+        class="text-red-1 text-xs font-bold mt-1"
+        >이름에는 특수문자가 포함될 수 없습니다.</span
+      >
     </div>
     <div class="flex flex-col">
       <p class="text-body text-xs font-bold">아이디</p>
@@ -95,7 +106,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watchEffect } from 'vue'
+import { nextTick, ref, watchEffect } from 'vue'
 import { useRouter } from 'vue-router'
 import ModalView from './ModalView.vue'
 import FormButtonContainer from './common/FormButtonContainer.vue'
@@ -116,6 +127,9 @@ const kakaoWorkCheck = ref(info.value.notificationSettingInfo.kakaoWork)
 const selectedFile = ref<File | null>(null)
 const previewUrl = ref<string | null>(null)
 
+const isInvalid = ref(false)
+const nameInput = ref<HTMLInputElement | null>(null)
+
 const isModalVisible = ref(false)
 const isWarnningModalVisible = ref(false)
 
@@ -128,6 +142,17 @@ watchEffect(() => {
   }
 })
 
+const validateName = () => {
+  const regex = /[!@#$%^&*(),.?":{}|<>]/g
+  console.log(isInvalid.value)
+  isInvalid.value = regex.test(name.value)
+
+  if (isInvalid.value) {
+    nextTick(() => {
+      nameInput.value?.focus()
+    })
+  }
+}
 const handleCancel = () => {
   router.back()
 }
@@ -163,28 +188,30 @@ const handleFileUpload = (event: Event) => {
 }
 
 const handleSubmit = async () => {
-  const formData = new FormData()
-  const memberInfo = {
-    name: name.value,
-    agitNotification: agitCheck.value,
-    emailNotification: emailCheck.value,
-    kakaoWorkNotification: kakaoWorkCheck.value
-  }
-  const jsonMemberInfo = JSON.stringify(memberInfo)
-  const newBlob = new Blob([jsonMemberInfo], { type: 'application/json' })
-
-  formData.append('memberInfo', newBlob)
-
-  if (selectedFile.value) {
-    formData.append('profileImage', selectedFile.value)
-  }
-
-  try {
-    await patchEditInfo(formData)
-    isModalVisible.value = true
-    await memberStore.updateMemberInfoWithToken()
-  } catch (error) {
-    console.error('요청 실패:', error)
+  if (isInvalid.value == false) {
+    const formData = new FormData()
+    const memberInfo = {
+      name: name.value,
+      agitNotification: agitCheck.value,
+      emailNotification: emailCheck.value,
+      kakaoWorkNotification: kakaoWorkCheck.value
+    }
+    const jsonMemberInfo = JSON.stringify(memberInfo)
+    const newBlob = new Blob([jsonMemberInfo], { type: 'application/json' })
+
+    formData.append('memberInfo', newBlob)
+
+    if (selectedFile.value) {
+      formData.append('profileImage', selectedFile.value)
+    }
+
+    try {
+      await patchEditInfo(formData)
+      isModalVisible.value = true
+      await memberStore.updateMemberInfoWithToken()
+    } catch (error) {
+      console.error('요청 실패:', error)
+    }
   }
 }
 </script>

From be0d5a7d97ed808cdb22aa48e47e89a40016f572 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 18:16:14 +0900
Subject: [PATCH 03/13] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20axios=20?=
 =?UTF-8?q?=EC=97=90=EB=9F=AC=EC=B2=98=EB=A6=AC=20=EB=B0=98=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/axios.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/utils/axios.ts b/src/utils/axios.ts
index afbac70d..f763e89c 100644
--- a/src/utils/axios.ts
+++ b/src/utils/axios.ts
@@ -48,9 +48,11 @@ const setInterceptors = (instance: AxiosInstance) => {
         console.log('상태확인 에러메세지:', error.response)
         switch (error.response.status) {
           case 401:
-            Cookies.remove('accessToken')
-            Cookies.remove('refreshToken')
-            window.location.href = 'login'
+            if (error.response.data === 'AUTH_003') {
+              Cookies.remove('accessToken')
+              Cookies.remove('refreshToken')
+              window.location.href = 'login'
+            }
             break
           case 403: {
             if (error.response.data !== 'AUTH_002') {

From 145ed26b7a1cdd4536f6369d5aca557c5789ce04 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 18:17:51 +0900
Subject: [PATCH 04/13] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20=ED=9A=8C=EC=9B=90=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?=EC=97=90=EB=9F=AC=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/LoginView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 9691d40e..2a687513 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -41,7 +41,7 @@
     </form>
     <div class="flex w-full justify-center">
       <RouterLink
-        class="text-body font-bold text-[12px] hover:underline"
+        class="text-body font-bold text-[12px]"
         to="/pw-change-email"
         >비밀번호 재설정</RouterLink
       >

From 8ef66b79aae3b46b69f17104e2377e391a21f655 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 18:18:28 +0900
Subject: [PATCH 05/13] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=EB=B9=84?=
 =?UTF-8?q?=EB=B0=80=EB=B2=88=ED=98=B8=20=EC=9C=A0=ED=9A=A8=EC=84=B1=20?=
 =?UTF-8?q?=EA=B2=80=EC=82=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/PwChange.vue | 56 ++++++++++++++++++++++++++++++++++++------
 1 file changed, 48 insertions(+), 8 deletions(-)

diff --git a/src/views/PwChange.vue b/src/views/PwChange.vue
index 9b5ee2a0..ec488f4e 100644
--- a/src/views/PwChange.vue
+++ b/src/views/PwChange.vue
@@ -3,7 +3,7 @@
     <ModalView
       :isOpen="isModalOpen"
       type="successType"
-      @close="pwChange">
+      @close="closeModal">
       <template #header> 비밀번호가 변경 되었습니다 </template>
       <template #body> 다시 로그인 해주세요 </template>
     </ModalView>
@@ -27,16 +27,35 @@
           v-model="newPw"
           placeholder="새 비밀번호를 입력해주세요"
           required
-          class="input-box" />
+          ref="passwordInput"
+          :class="[
+            'block w-full px-4 py-4 border rounded focus:outline-none',
+            isInvalid ? 'border-red-1' : 'border-border-1'
+          ]"
+          @blur="validatePassword" />
+        <p
+          v-show="isInvalid"
+          class="text-red-1 text-xs font-bold mt-1">
+          대문자, 소문자, 숫자, 특수문자 포함 8자-20자 입력해주세요
+        </p>
       </div>
       <div class="mb-8">
         <input
           type="password"
           id="checkPw"
           v-model="checkPw"
+          ref="checkPwInput"
           placeholder="새 비밀번호를 다시 입력해주세요"
           required
-          class="input-box" />
+          :class="[
+            'block w-full px-4 py-4 border rounded focus:outline-none',
+            isDifferent ? 'border-red-1' : 'border-border-1'
+          ]" />
+        <p
+          v-show="isDifferent"
+          class="text-red-1 text-xs font-bold mt-1">
+          비밀번호가 일치하지 않아요
+        </p>
       </div>
       <button
         type="submit"
@@ -49,7 +68,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { nextTick, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import ModalView from '../components/ModalView.vue'
 import { deleteLogout, patchPassword } from '@/api/auth'
@@ -65,22 +84,43 @@ const newPw = ref('')
 const checkPw = ref('')
 const isModalOpen = ref(false)
 const router = useRouter()
+const isDifferent = ref(false)
+const checkPwInput = ref<HTMLInputElement | null>(null)
+const isInvalid = ref(false)
+const passwordInput = ref<HTMLInputElement | null>(null)
 
-const toggleModal = () => {
+const validatePassword = () => {
+  const regex = /^(?=.*[A-Z])(?=.*[a-z])(?=.*\d)(?=.*[!@#$%^&*()_+{}\[\]:;<>,.?/~`-]).{8,20}$/
+  isInvalid.value = !regex.test(newPw.value)
+
+  if (isInvalid.value) {
+    nextTick(() => {
+      passwordInput.value?.focus()
+    })
+  }
+}
+
+const openModal = () => {
+  isModalOpen.value = !isModalOpen.value
+}
+const closeModal = () => {
   isModalOpen.value = !isModalOpen.value
+  router.push('/login')
+  deleteLogout()
 }
 
 const handleChange = () => {
   if (newPw.value === checkPw.value) {
     patchPassword(newPw.value)
-    toggleModal()
+    pwChange()
+    openModal()
   } else {
+    isDifferent.value = true
+    checkPwInput.value?.focus()
   }
 }
 
 const pwChange = () => {
   isLogined.value = false
-  deleteLogout()
-  router.push('/login')
 }
 </script>

From df39b1bfdfba84807b20f2ae8203cece729c7c5d Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 20:08:28 +0900
Subject: [PATCH 06/13] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=EC=9D=B4?=
 =?UTF-8?q?=EB=A9=94=EC=9D=BC=20=EB=B9=84=EB=B0=80=EB=B2=88=ED=98=B8=20?=
 =?UTF-8?q?=EB=B0=9C=EA=B8=89=20=EC=97=90=EB=9F=AC=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/PwChangeEmail.vue | 42 +++++++++++++++++++++++++++++++------
 1 file changed, 36 insertions(+), 6 deletions(-)

diff --git a/src/views/PwChangeEmail.vue b/src/views/PwChangeEmail.vue
index eac7f4f5..333371bf 100644
--- a/src/views/PwChangeEmail.vue
+++ b/src/views/PwChangeEmail.vue
@@ -1,12 +1,19 @@
 <template>
   <div class="max-w-400">
     <ModalView
-      :isOpen="isModalOpen"
+      :isOpen="isModalVisible"
       type="successType"
       @close="closeModal">
       <template #header> 인증 번호가 전송되었습니다 </template>
       <template #body> 이메일을 확인해주세요 </template>
     </ModalView>
+    <ModalView
+      :isOpen="isFailModalVisible"
+      type="failType"
+      @close="closeFailModal">
+      <template #header> {{ messageHeader }} </template>
+      <template #body> {{ messageBody }}</template>
+    </ModalView>
     <div class="py-16">
       <TitleContainer
         :title="'비밀번호\n재설정'"
@@ -50,17 +57,40 @@ import ModalView from '../components/ModalView.vue'
 import TitleContainer from '@/components/common/TitleContainer.vue'
 import { postPasswordEmailSend } from '@/api/auth'
 
+const messageHeader = ref('')
+const messageBody = ref('')
+const isModalVisible = ref(false)
+const isFailModalVisible = ref(false)
+
 const name = ref('')
 const email = ref('')
-const isModalOpen = ref(false)
 
 const closeModal = () => {
-  isModalOpen.value = !isModalOpen.value
+  isModalVisible.value = !isModalVisible.value
   router.push('/login')
 }
+const closeFailModal = () => {
+  isFailModalVisible.value = !isFailModalVisible.value
+}
+
+const handleCheck = async () => {
+  try {
+    await postPasswordEmailSend(name.value, email.value)
+    isModalVisible.value = !isModalVisible.value
+  } catch (error) {
+    switch (error?.response?.status) {
+      case 404:
+        isFailModalVisible.value = !isFailModalVisible.value
+        messageHeader.value = '일치하는 정보가 없습니다'
+        messageBody.value = '이메일과 이름을 다시 확인해 주세요'
+        break
 
-const handleCheck = () => {
-  postPasswordEmailSend(name.value, email.value)
-  isModalOpen.value = !isModalOpen.value
+      case 500:
+        isFailModalVisible.value = !isFailModalVisible.value
+        messageHeader.value = '서버에 문제가 발생했습니다'
+        messageBody.value = '잠시후 다시 이용해주세요'
+        break
+    }
+  }
 }
 </script>

From 9f663f23f961327a25a6efca6a7ca881b62feca1 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 20:17:51 +0900
Subject: [PATCH 07/13] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=EB=B9=84?=
 =?UTF-8?q?=EB=B0=80=EB=B2=88=ED=98=B8=20=EA=B2=80=EC=A6=9D=20=EC=97=90?=
 =?UTF-8?q?=EB=9F=AC=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/PwCheck.vue | 37 +++++++++++++++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/src/views/PwCheck.vue b/src/views/PwCheck.vue
index 4c28c7f2..0a21d9fb 100644
--- a/src/views/PwCheck.vue
+++ b/src/views/PwCheck.vue
@@ -1,6 +1,13 @@
 <template>
   <div class="max-w-400">
     <div class="py-16">
+      <ModalView
+        :is-open="isModalVisible"
+        type="failType"
+        @close="closeModal">
+        <template #header>{{ messageHeader }}</template>
+        <template #body>{{ messageBody }}</template>
+      </ModalView>
       <TitleContainer
         :title="'비밀번호\n재설정'"
         :content="'비밀번호 재설정을 위해\n 현재 비밀번호를 입력해주세요'" />
@@ -34,11 +41,37 @@ import { ref } from 'vue'
 import router from '../router/index'
 import TitleContainer from '@/components/common/TitleContainer.vue'
 import { postPasswordCheck } from '@/api/auth'
+import ModalView from '@/components/ModalView.vue'
+
+const isModalVisible = ref(false)
+
+const messageHeader = ref('')
+const messageBody = ref('')
+
+const closeModal = () => {
+  isModalVisible.value = false
+}
 
 const pw = ref('')
 
-const handleCheck = () => {
-  postPasswordCheck(pw.value)
+const handleCheck = async () => {
+  try {
+    const res = await postPasswordCheck(pw.value)
+  } catch (error) {
+    switch (error?.status) {
+      case 400:
+        isModalVisible.value = !isModalVisible.value
+        messageHeader.value = '비밀번호가 일치 하지 않습니다'
+        messageBody.value = '다시 확인하여 주세요'
+        break
+
+      case 500:
+        isModalVisible.value = !isModalVisible.value
+        messageHeader.value = '서버에 문제가 발생했습니다'
+        messageBody.value = '잠시후 다시 이용해주세요'
+        break
+    }
+  }
   router.push('/pw-change')
 }
 </script>

From 461171ecb161622ab171ec89910b9c1238a4256b Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 21:30:47 +0900
Subject: [PATCH 08/13] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=EB=B9=84?=
 =?UTF-8?q?=EB=B0=80=EB=B2=88=ED=98=B8=20=ED=91=9C=EC=8B=9C=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/constants/iconPath.ts | 16 ++++++++++++++++
 src/views/LoginView.vue   | 20 ++++++++++++++++++--
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/constants/iconPath.ts b/src/constants/iconPath.ts
index 6cb8a96f..0533515c 100644
--- a/src/constants/iconPath.ts
+++ b/src/constants/iconPath.ts
@@ -247,3 +247,19 @@ export const menuDotIcon = {
   height: 20,
   fill: '#71717A'
 }
+
+export const offEyeIcon = {
+  path: 'M23.257 10H23.262H23.252H23.257ZM22.552 9.48C22.652 9.798 22.94 9.998 23.257 10C23.327 10 23.404 9.98 23.482 9.96C23.872 9.84 24.092 9.41 23.962 9.02C23.932 8.93 20.932 0 12 0C3.06797 0 0.0669704 8.93 0.0369704 9.02C-0.0930296 9.41 0.12697 9.83 0.51697 9.96C0.91697 10.09 1.33697 9.87 1.46697 9.48L1.46997 9.475C1.60297 9.085 4.20697 1.5 12.01 1.5C19.852 1.5 22.442 9.15 22.552 9.48ZM8.49997 10C8.49997 9.07174 8.86872 8.1815 9.5251 7.52513C10.1815 6.86875 11.0717 6.5 12 6.5C12.9282 6.5 13.8185 6.86875 14.4748 7.52513C15.1312 8.1815 15.5 9.07174 15.5 10C15.5 10.9283 15.1312 11.8185 14.4748 12.4749C13.8185 13.1313 12.9282 13.5 12 13.5C11.0717 13.5 10.1815 13.1313 9.5251 12.4749C8.86872 11.8185 8.49997 10.9283 8.49997 10ZM12 5C10.6739 5 9.40212 5.52678 8.46444 6.46447C7.52675 7.40215 6.99997 8.67392 6.99997 10C6.99997 11.3261 7.52675 12.5979 8.46444 13.5355C9.40212 14.4732 10.6739 15 12 15C13.3261 15 14.5978 14.4732 15.5355 13.5355C16.4732 12.5979 17 11.3261 17 10C17 8.67392 16.4732 7.40215 15.5355 6.46447C14.5978 5.52678 13.3261 5 12 5Z',
+  width: 24,
+  height: 15,
+  fill: 'black'
+}
+export const onEyeIcon = {
+  path: 'M23.257 10H23.262H23.252H23.257ZM22.552 9.48C22.652 9.798 22.94 9.998 23.257 10C23.327 10 23.404 9.98 23.482 9.96C23.872 9.84 24.092 9.41 23.962 9.02C23.932 8.93 20.932 0 12 0C3.06797 0 0.0669704 8.93 0.0369704 9.02C-0.0930296 9.41 0.12697 9.83 0.51697 9.96C0.91697 10.09 1.33697 9.87 1.46697 9.48L1.46997 9.475C1.60297 9.085 4.20697 1.5 12.01 1.5C19.852 1.5 22.442 9.15 22.552 9.48ZM6.99997 10C6.99997 8.67392 7.52675 7.40215 8.46444 6.46447C9.40212 5.52678 10.6739 5 12 5C13.3261 5 14.5978 5.52678 15.5355 6.46447C16.4732 7.40215 17 8.67392 17 10C17 11.3261 16.4732 12.5979 15.5355 13.5355C14.5978 14.4732 13.3261 15 12 15C10.6739 15 9.40212 14.4732 8.46444 13.5355C7.52675 12.5979 6.99997 11.3261 6.99997 10Z',
+  width: 24,
+  height: 15,
+  fill: 'black'
+  // fill: 'none',
+  // Option: {
+  // }
+}
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 2a687513..2037576a 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -24,14 +24,22 @@
           required
           class="input-box" />
       </div>
-      <div class="mb-8">
+      <div class="flex relative mb-8 items-center">
         <input
-          type="password"
+          :type="passwordVisible ? 'text' : 'password'"
           id="password"
           v-model="password"
           placeholder="비밀번호를 입력해주세요"
           required
           class="input-box" />
+        <div class="absolute px-2 right-4 items-center justify-center">
+          <button
+            type="button"
+            @click="togglePasswordVisibility"
+            class="flex items-center">
+            <CommonIcons :name="passwordVisible ? onEyeIcon : offEyeIcon" />
+          </button>
+        </div>
       </div>
       <button
         type="submit"
@@ -57,6 +65,8 @@ import { useMemberStore } from '@/stores/member'
 import TitleContainer from '@/components/common/TitleContainer.vue'
 import Cookies from 'js-cookie'
 import ModalView from '@/components/ModalView.vue'
+import CommonIcons from '@/components/common/CommonIcons.vue'
+import { offEyeIcon, onEyeIcon } from '@/constants/iconPath'
 
 const router = useRouter()
 
@@ -69,6 +79,12 @@ const messageBody = ref('')
 
 const isModalVisible = ref(false)
 
+const passwordVisible = ref(false)
+
+const togglePasswordVisibility = () => {
+  passwordVisible.value = !passwordVisible.value
+}
+
 const closeModal = () => {
   isModalVisible.value = false
 }

From 204578d93e21a78271f64ed43ddd49c7cfb00bd6 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 21:32:09 +0900
Subject: [PATCH 09/13] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=ED=94=84?=
 =?UTF-8?q?=EB=A1=9C=ED=95=84=20=EC=82=AC=EC=A7=84=20=EA=B8=B0=EB=B3=B8=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EditInformation.vue | 32 ++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/components/EditInformation.vue b/src/components/EditInformation.vue
index 2d243d70..01d2a793 100644
--- a/src/components/EditInformation.vue
+++ b/src/components/EditInformation.vue
@@ -22,18 +22,30 @@
         class="mt-3"
         :url="previewUrl || info.profileImageUrl"
         :size="96" />
-
-      <label
-        for="fileInput"
-        class="mt-3 text-xs text-primary1 font-bold cursor-pointer"
-        >변경</label
-      >
+      <div class="flex gap-6">
+        <label
+          for="fileInput"
+          class="mt-3 text-xs text-primary1 font-bold cursor-pointer hover:underline"
+          >변경</label
+        >
+        <label
+          for="fileDelete"
+          class="mt-3 text-xs text-red-1 font-bold cursor-pointer hover:underline"
+          >삭제</label
+        >
+      </div>
       <input
         id="fileInput"
         type="file"
         @change="handleFileUpload"
         accept="image/*"
         class="hidden" />
+      <input
+        id="fileInput"
+        type="file"
+        @change="handleFileDelete"
+        accept="image/*"
+        class="hidden" />
     </div>
     <div class="flex flex-col relative">
       <p class="text-body text-xs font-bold">이름</p>
@@ -187,6 +199,14 @@ const handleFileUpload = (event: Event) => {
   }
 }
 
+const handleFileDelete = (event: Event) => {
+  const target = event.target as HTMLInputElement
+  if (target.files && target.files[0]) {
+    selectedFile.value = target.files[0]
+    previewUrl.value = URL.createObjectURL(selectedFile.value)
+  }
+}
+
 const handleSubmit = async () => {
   if (isInvalid.value == false) {
     const formData = new FormData()

From 038bb63f0a459ee1d6c68de9b337ceb55319b6f6 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 22:28:57 +0900
Subject: [PATCH 10/13] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=ED=94=84?=
 =?UTF-8?q?=EB=A1=9C=ED=95=84=20=EC=82=AC=EC=A7=84=20=EA=B8=B0=EB=B3=B8=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=EB=A1=9C=20=EB=B3=80=EA=B2=BD=20API?=
 =?UTF-8?q?=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EditInformation.vue | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/components/EditInformation.vue b/src/components/EditInformation.vue
index 01d2a793..520f30cf 100644
--- a/src/components/EditInformation.vue
+++ b/src/components/EditInformation.vue
@@ -40,11 +40,10 @@
         @change="handleFileUpload"
         accept="image/*"
         class="hidden" />
-      <input
-        id="fileInput"
-        type="file"
-        @change="handleFileDelete"
-        accept="image/*"
+      <button
+        id="fileDelete"
+        type="button"
+        @click="handleFileDelete"
         class="hidden" />
     </div>
     <div class="flex flex-col relative">
@@ -135,6 +134,7 @@ const name = ref(info.value.name)
 const agitCheck = ref(info.value.notificationSettingInfo.agit)
 const emailCheck = ref(info.value.notificationSettingInfo.email)
 const kakaoWorkCheck = ref(info.value.notificationSettingInfo.kakaoWork)
+const imageDelete = ref(info.value.profileImageUrl == null ? true : false)
 
 const selectedFile = ref<File | null>(null)
 const previewUrl = ref<string | null>(null)
@@ -156,7 +156,6 @@ watchEffect(() => {
 
 const validateName = () => {
   const regex = /[!@#$%^&*(),.?":{}|<>]/g
-  console.log(isInvalid.value)
   isInvalid.value = regex.test(name.value)
 
   if (isInvalid.value) {
@@ -197,14 +196,13 @@ const handleFileUpload = (event: Event) => {
     selectedFile.value = target.files[0]
     previewUrl.value = URL.createObjectURL(selectedFile.value)
   }
+  imageDelete.value = false
 }
 
-const handleFileDelete = (event: Event) => {
-  const target = event.target as HTMLInputElement
-  if (target.files && target.files[0]) {
-    selectedFile.value = target.files[0]
-    previewUrl.value = URL.createObjectURL(selectedFile.value)
-  }
+const handleFileDelete = () => {
+  imageDelete.value = true
+  previewUrl.value = ''
+  info.value.profileImageUrl = ''
 }
 
 const handleSubmit = async () => {
@@ -212,6 +210,7 @@ const handleSubmit = async () => {
     const formData = new FormData()
     const memberInfo = {
       name: name.value,
+      isProfileImageDeleted: imageDelete.value,
       agitNotification: agitCheck.value,
       emailNotification: emailCheck.value,
       kakaoWorkNotification: kakaoWorkCheck.value
@@ -221,8 +220,10 @@ const handleSubmit = async () => {
 
     formData.append('memberInfo', newBlob)
 
-    if (selectedFile.value) {
+    if (selectedFile.value && imageDelete.value == false) {
       formData.append('profileImage', selectedFile.value)
+    } else if (imageDelete.value == true) {
+      selectedFile.value = null
     }
 
     try {

From 35b9e805e3f95833c470b5d21df16c5d1db6e18f Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 22:29:25 +0900
Subject: [PATCH 11/13] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=EB=B9=84?=
 =?UTF-8?q?=EB=B0=80=EB=B2=88=ED=98=B8=20=EC=9D=B4=EB=A9=94=EC=9D=BC=20?=
 =?UTF-8?q?=EC=9E=AC=EB=B0=9C=EA=B8=89=EC=8B=9C=20default=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/views/PwChangeEmail.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/views/PwChangeEmail.vue b/src/views/PwChangeEmail.vue
index 333371bf..0171a3e2 100644
--- a/src/views/PwChangeEmail.vue
+++ b/src/views/PwChangeEmail.vue
@@ -90,6 +90,12 @@ const handleCheck = async () => {
         messageHeader.value = '서버에 문제가 발생했습니다'
         messageBody.value = '잠시후 다시 이용해주세요'
         break
+
+      default:
+        isFailModalVisible.value = !isFailModalVisible.value
+        messageHeader.value = '문제가 발생했습니다'
+        messageBody.value = '잠시후 다시 이용해주세요'
+        break
     }
   }
 }

From 52cdb1da3efb33e50f3b460d66b4991ea17ca88d Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 22:29:38 +0900
Subject: [PATCH 12/13] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=EB=B9=84?=
 =?UTF-8?q?=EB=B0=80=EB=B2=88=ED=98=B8=20=EA=B2=80=EC=A6=9D=EC=8B=9C=20def?=
 =?UTF-8?q?ault=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/PwCheck.vue | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/views/PwCheck.vue b/src/views/PwCheck.vue
index 0a21d9fb..4fbe03a0 100644
--- a/src/views/PwCheck.vue
+++ b/src/views/PwCheck.vue
@@ -56,22 +56,35 @@ const pw = ref('')
 
 const handleCheck = async () => {
   try {
-    const res = await postPasswordCheck(pw.value)
+    await postPasswordCheck(pw.value)
+    router.push('/pw-change')
   } catch (error) {
-    switch (error?.status) {
+    console.log(error?.response?.status)
+    switch (error?.response?.status) {
       case 400:
         isModalVisible.value = !isModalVisible.value
         messageHeader.value = '비밀번호가 일치 하지 않습니다'
         messageBody.value = '다시 확인하여 주세요'
         break
 
+      case 401:
+        isModalVisible.value = !isModalVisible.value
+        messageHeader.value = '비밀번호가 일치 하지 않습니다'
+        messageBody.value = '다시 확인하여 주세요'
+        break
+
       case 500:
         isModalVisible.value = !isModalVisible.value
         messageHeader.value = '서버에 문제가 발생했습니다'
         messageBody.value = '잠시후 다시 이용해주세요'
         break
+
+      default:
+        isModalVisible.value = !isModalVisible.value
+        messageHeader.value = '문제가 발생했습니다'
+        messageBody.value = '잠시후 다시 이용해주세요'
+        break
     }
   }
-  router.push('/pw-change')
 }
 </script>

From 37ff4c58925166589f1216149dc8a6b5fd17e4ce Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Fri, 7 Feb 2025 22:41:49 +0900
Subject: [PATCH 13/13] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20[refactor]=20:=20?=
 =?UTF-8?q?=EB=B9=84=EB=B0=80=EB=B2=88=ED=98=B8=20=EB=B3=B4=EA=B8=B0=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/LoginView.vue | 20 ++------------------
 1 file changed, 2 insertions(+), 18 deletions(-)

diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 2037576a..2a687513 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -24,22 +24,14 @@
           required
           class="input-box" />
       </div>
-      <div class="flex relative mb-8 items-center">
+      <div class="mb-8">
         <input
-          :type="passwordVisible ? 'text' : 'password'"
+          type="password"
           id="password"
           v-model="password"
           placeholder="비밀번호를 입력해주세요"
           required
           class="input-box" />
-        <div class="absolute px-2 right-4 items-center justify-center">
-          <button
-            type="button"
-            @click="togglePasswordVisibility"
-            class="flex items-center">
-            <CommonIcons :name="passwordVisible ? onEyeIcon : offEyeIcon" />
-          </button>
-        </div>
       </div>
       <button
         type="submit"
@@ -65,8 +57,6 @@ import { useMemberStore } from '@/stores/member'
 import TitleContainer from '@/components/common/TitleContainer.vue'
 import Cookies from 'js-cookie'
 import ModalView from '@/components/ModalView.vue'
-import CommonIcons from '@/components/common/CommonIcons.vue'
-import { offEyeIcon, onEyeIcon } from '@/constants/iconPath'
 
 const router = useRouter()
 
@@ -79,12 +69,6 @@ const messageBody = ref('')
 
 const isModalVisible = ref(false)
 
-const passwordVisible = ref(false)
-
-const togglePasswordVisibility = () => {
-  passwordVisible.value = !passwordVisible.value
-}
-
 const closeModal = () => {
   isModalVisible.value = false
 }