From 09dd262fde7879c69a4c1330b7346cd74a66f310 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Sun, 2 Feb 2025 14:45:53 +0900
Subject: [PATCH 01/28] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20API=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/auth.ts         | 20 ++++++++++++++++++++
 src/views/LoginView.vue |  4 +++-
 2 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 src/api/auth.ts

diff --git a/src/api/auth.ts b/src/api/auth.ts
new file mode 100644
index 00000000..d97a9443
--- /dev/null
+++ b/src/api/auth.ts
@@ -0,0 +1,20 @@
+import axiosInstance from '@/utils/axios'
+
+export const postLogin = async (nickname: string, password: string) => {
+  const body = {
+    nickname: nickname,
+    password: password
+  }
+  const sessionIdValue = '123'
+  try {
+    const response = await axiosInstance.post('/api/auths/login', body, {
+      headers: {
+        sessionId: sessionIdValue
+      }
+    })
+    return response.data
+  } catch (error) {
+    console.error('로그인 오류:', error)
+    throw error
+  }
+}
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 0566f00e..49070bb4 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -46,11 +46,13 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+import { postLogin } from '@/api/auth'
 
 const nickname = ref('')
 const password = ref('')
 
 const handleLogin = async () => {
-  // 로그인 API 필요
+  const res = postLogin(nickname.value, password.value)
+  console.log('요청확인:', res)
 }
 </script>

From 89d9fa741607a89ff3180c227b26c05189903318 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Sun, 2 Feb 2025 17:18:41 +0900
Subject: [PATCH 02/28] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20=EC=95=A1?=
 =?UTF-8?q?=EC=84=B8=EC=8A=A4=20=ED=86=A0=ED=81=B0=20=EC=BF=A0=ED=82=A4?=
 =?UTF-8?q?=EC=97=90=20=EC=A0=80=EC=9E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/auth.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/api/auth.ts b/src/api/auth.ts
index d97a9443..3447d4d0 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -1,4 +1,5 @@
 import axiosInstance from '@/utils/axios'
+import Cookies from 'js-cookie'
 
 export const postLogin = async (nickname: string, password: string) => {
   const body = {
@@ -12,6 +13,12 @@ export const postLogin = async (nickname: string, password: string) => {
         sessionId: sessionIdValue
       }
     })
+
+    Cookies.set('accessToken', response.data.accessToken, {
+      path: '/',
+      sameSite: 'strict'
+    })
+
     return response.data
   } catch (error) {
     console.error('로그인 오류:', error)

From 0f024ee27f3f09bc826e142f8c1e52613c8be1eb Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Sun, 2 Feb 2025 17:18:56 +0900
Subject: [PATCH 03/28] =?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=8B=9C=20=EA=B0=81=20=EC=97=AD=ED=95=A0?=
 =?UTF-8?q?=EB=A7=88=EB=8B=A4=20=EA=B2=BD=EB=A1=9C=20=EC=A7=80=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 49070bb4..caf6bfaa 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -46,13 +46,36 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+import { useRouter } from 'vue-router'
 import { postLogin } from '@/api/auth'
 
+const router = useRouter()
+
 const nickname = ref('')
 const password = ref('')
 
 const handleLogin = async () => {
-  const res = postLogin(nickname.value, password.value)
-  console.log('요청확인:', res)
+  try {
+    const res = await postLogin(nickname.value, password.value)
+
+    if (res) {
+      switch (res.memberInfo.memberRole) {
+        case 'ROLE_ADMIN':
+          router.push('/member-management')
+          break
+        case 'ROLE_MANAGER':
+          router.push('my-request')
+          break
+        case 'ROLE_USER':
+          router.push('/my-request')
+          break
+        default:
+          router.push('/')
+      }
+    }
+  } catch (error) {
+    // 로그인 실패 시 에러 처리
+    console.error('로그인 실패:', error)
+  }
 }
 </script>

From d8712e279e055924432a60f1b4958d1ae249e220 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Sun, 2 Feb 2025 19:52:03 +0900
Subject: [PATCH 04/28] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20Pinia=20?=
 =?UTF-8?q?=ED=9A=8C=EC=9B=90=EC=A0=95=EB=B3=B4=20=EC=A0=80=EC=9E=A5?=
 =?UTF-8?q?=ED=95=98=EC=97=AC=20=EC=83=81=ED=83=9C=EA=B4=80=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/stores/member.ts | 61 ++++++++++++++++++++++++++++++++++++++++++++
 src/types/auth.ts    |  9 +++++++
 2 files changed, 70 insertions(+)
 create mode 100644 src/stores/member.ts

diff --git a/src/stores/member.ts b/src/stores/member.ts
new file mode 100644
index 00000000..72646809
--- /dev/null
+++ b/src/stores/member.ts
@@ -0,0 +1,61 @@
+// stores/memberStore.ts
+import { defineStore } from 'pinia'
+import axiosInstance from '@/utils/axios'
+import { ref } from 'vue'
+import type { User } from '@/types/auth'
+import Cookies from 'js-cookie'
+
+export const useMemberStore = defineStore('memberInfo', () => {
+  const info = ref<User>({
+    memberId: 0,
+    memberName: '',
+    nickname: '',
+    imageUrl: '',
+    memberRole: '',
+    memberStatus: ''
+  })
+
+  // API 호출 후 회원 정보 업데이트
+  async function updateMemberInfoWithToken() {
+    try {
+      const accessToken = Cookies.get('accessToken')
+
+      if (!accessToken) {
+        console.error('Access token is missing')
+        return
+      }
+
+      const response = await axiosInstance.get('/api/members/info', {
+        headers: {
+          Authorization: `Bearer ${accessToken}`
+        }
+      })
+
+      // 받은 데이터로 상태 업데이트
+      console.log('API Response:', response.data)
+      updateMemberInfo(response.data)
+    } catch (error) {
+      console.error('Error fetching member info:', error)
+    }
+  }
+
+  // 상태 업데이트 함수
+  function updateMemberInfo(responseData: any) {
+    info.value = {
+      memberId: 0,
+      memberName: responseData.name || '',
+      nickname: responseData.nicknanme || '',
+      imageUrl: responseData.profileImageUrl || '',
+      memberRole: responseData.role || '',
+      memberStatus: ''
+    }
+
+    console.log('Updated member info:', info.value)
+  }
+
+  return {
+    info,
+    updateMemberInfo,
+    updateMemberInfoWithToken
+  }
+})
diff --git a/src/types/auth.ts b/src/types/auth.ts
index 8c5c5b14..2af35891 100644
--- a/src/types/auth.ts
+++ b/src/types/auth.ts
@@ -4,3 +4,12 @@ export interface UserTypes {
   created_at: string
   updated_at: string
 }
+
+export interface User {
+  memberId: number
+  memberName: string
+  nickname: string
+  imageUrl: string
+  memberRole: string
+  memberStatus: string
+}

From c3ae5cd13ffda33c7218a23d323f925038b6cedb Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Sun, 2 Feb 2025 19:52:34 +0900
Subject: [PATCH 05/28] =?UTF-8?q?=E2=9C=A8=20=20[feat]=20:=20Pinia?=
 =?UTF-8?q?=EC=97=90=20=EC=A0=80=EC=9E=A5=EB=90=9C=20=ED=9A=8C=EC=9B=90?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20Top,=20Side=EC=97=90=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SideBar.vue | 24 +++++++++++++++++-------
 src/components/TopBar.vue  | 23 +++++++++++++++++++----
 2 files changed, 36 insertions(+), 11 deletions(-)

diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue
index fe08f51f..5641e806 100644
--- a/src/components/SideBar.vue
+++ b/src/components/SideBar.vue
@@ -39,8 +39,14 @@
 
       <div class="flex w-full justify-between px-6 py-4 bg-white">
         <div class="flex w-full items-center gap-3">
-          <!-- 프로필 사진 API 필요 -->
-          <div class="w-10 h-10 rounded-full bg-background-1" />
+          <img
+            v-if="info?.imageUrl"
+            class="rounded-[50%] w-10 h-10"
+            :src="info.imageUrl"
+            alt="프로필 이미지" />
+          <div
+            v-else
+            class="w-10 h-10 rounded-full bg-background-1" />
           <div class="flex flex-col gap-1">
             <p class="text-xs text-body font-bold">{{ name }}</p>
             <p class="text-sm text-black">{{ nickname }}</p>
@@ -61,17 +67,21 @@
 
 <script setup lang="ts">
 import { useRoute } from 'vue-router'
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
 import CommonIcons from './common/CommonIcons.vue'
 import { hamburgerIcon } from '@/constants/iconPath'
 import { SIDE_USER_MENU, SIDE_MANAGER_MENU, SIDE_ADMIN_MENU } from '@/constants/menu'
+import { useMemberStore } from '@/stores/member'
+import { storeToRefs } from 'pinia'
+
+const memberStore = useMemberStore()
+const { info } = storeToRefs(memberStore)
 
 const route = useRoute()
 
-// 회원 역할, 닉네임 필요
-const role = ref('manager')
-const name = ref('백지연')
-const nickname = ref('Chloe.yeon')
+const role = computed(() => info.value.memberRole)
+const name = computed(() => info.value.memberName)
+const nickname = computed(() => info.value.nickname)
 
 const filteredMenu = computed(() => {
   return role.value === 'user'
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index 07cd95cb..28b9dce8 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -14,8 +14,14 @@
         v-show="isLogined"
         class="flex items-center gap-6">
         <NotificationIcon :new-notification="12" />
-        <!-- 프로필 사진 API 필요 -->
-        <div class="rounded-[50%] bg-zinc-100 p-5" />
+        <img
+          v-if="info?.imageUrl"
+          class="rounded-[50%] w-10 h-10"
+          :src="info.imageUrl"
+          alt="프로필 이미지" />
+        <div
+          v-else
+          class="rounded-[50%] bg-zinc-100 p-5" />
       </div>
     </div>
   </div>
@@ -25,13 +31,22 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, onMounted } from 'vue'
 import CommonIcons from './common/CommonIcons.vue'
 import SideBar from './SideBar.vue'
 import { hamburgerIcon } from '../constants/iconPath'
 import NotificationIcon from './icons/NotificationIcon.vue'
+import { storeToRefs } from 'pinia'
+import { useMemberStore } from '@/stores/member'
+
+const memberStore = useMemberStore()
+const { info } = storeToRefs(memberStore)
+
+onMounted(async () => {
+  await memberStore.updateMemberInfoWithToken()
+  console.log('Updated info after API call:', info.value)
+})
 
-// 로그인 정보 필요
 const isSideOpen = ref(false)
 const isLogined = ref(true)
 

From 61c54f01e2a797a2b89668d00408207a3b34d9d0 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Sun, 2 Feb 2025 20:41:18 +0900
Subject: [PATCH 06/28] =?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=9E=AC=EC=84=A4=EC=A0=95=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/api/auth.ts        | 20 ++++++++++++++++++++
 src/views/PwChange.vue |  4 +++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/api/auth.ts b/src/api/auth.ts
index 3447d4d0..c0ddf40b 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -25,3 +25,23 @@ export const postLogin = async (nickname: string, password: string) => {
     throw error
   }
 }
+
+export const patchPassword = async (password: string) => {
+  const accessToken = Cookies.get('accessToken')
+
+  if (!accessToken) {
+    console.error('Access token is missing')
+    return
+  }
+
+  try {
+    const response = await axiosInstance.patch('/api/members/password', password, {
+      headers: {
+        Authorization: `Bearer ${accessToken}`
+      }
+    })
+    return response.data
+  } catch (error) {
+    console.log('api error:', error)
+  }
+}
diff --git a/src/views/PwChange.vue b/src/views/PwChange.vue
index 2c85c0dc..889f5454 100644
--- a/src/views/PwChange.vue
+++ b/src/views/PwChange.vue
@@ -49,6 +49,7 @@
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import ModalView from '../components/ModalView.vue'
+import { patchPassword } from '@/api/auth'
 
 const newPw = ref('')
 const checkPw = ref('')
@@ -61,9 +62,10 @@ const toggleModal = () => {
 
 const handleChange = () => {
   if (newPw.value === checkPw.value) {
+    const response = patchPassword(newPw.value)
+    console.log(response)
     console.log('비밀번호 변경 성공!')
     toggleModal()
-    // 비밀번호 재설정 API 호출 필요
   } else {
     alert('비밀번호가 일치하지 않습니다.')
   }

From e512e460703aba1202187971e1d42ea895abf327 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Sun, 2 Feb 2025 20:42:52 +0900
Subject: [PATCH 07/28] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20[refactor]=20:=20?=
 =?UTF-8?q?=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20=EC=BD=94=EB=93=9C=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/components/TopBar.vue | 1 -
 src/stores/member.ts      | 8 ++------
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index 28b9dce8..f39df6e6 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -44,7 +44,6 @@ const { info } = storeToRefs(memberStore)
 
 onMounted(async () => {
   await memberStore.updateMemberInfoWithToken()
-  console.log('Updated info after API call:', info.value)
 })
 
 const isSideOpen = ref(false)
diff --git a/src/stores/member.ts b/src/stores/member.ts
index 72646809..099d757c 100644
--- a/src/stores/member.ts
+++ b/src/stores/member.ts
@@ -1,4 +1,3 @@
-// stores/memberStore.ts
 import { defineStore } from 'pinia'
 import axiosInstance from '@/utils/axios'
 import { ref } from 'vue'
@@ -15,13 +14,12 @@ export const useMemberStore = defineStore('memberInfo', () => {
     memberStatus: ''
   })
 
-  // API 호출 후 회원 정보 업데이트
   async function updateMemberInfoWithToken() {
     try {
       const accessToken = Cookies.get('accessToken')
 
       if (!accessToken) {
-        console.error('Access token is missing')
+        console.error('Access token error')
         return
       }
 
@@ -31,15 +29,13 @@ export const useMemberStore = defineStore('memberInfo', () => {
         }
       })
 
-      // 받은 데이터로 상태 업데이트
       console.log('API Response:', response.data)
       updateMemberInfo(response.data)
     } catch (error) {
-      console.error('Error fetching member info:', error)
+      console.error('updata error:', error)
     }
   }
 
-  // 상태 업데이트 함수
   function updateMemberInfo(responseData: any) {
     info.value = {
       memberId: 0,

From 45d3815a7dcabf51bc3bd54a2a89be42edb0a124 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sat, 1 Feb 2025 17:55:52 +0900
Subject: [PATCH 08/28] =?UTF-8?q?:sparkles:=20[feat]=20:=20=ED=8F=BC?=
 =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EC=9A=94=EC=B2=AD=20api=20?=
 =?UTF-8?q?=ED=98=95=EC=8B=9D=20=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/test.ts    |  2 +-
 src/api/user.ts    |  6 ++++
 src/utils/axios.ts | 74 ++++++++++++++++++++++++++--------------------
 3 files changed, 49 insertions(+), 33 deletions(-)
 create mode 100644 src/api/user.ts

diff --git a/src/api/test.ts b/src/api/test.ts
index e28e9dd8..bb6f3d0b 100644
--- a/src/api/test.ts
+++ b/src/api/test.ts
@@ -1,4 +1,4 @@
-import axiosInstance from '../utils/axios'
+import { axiosInstance } from '../utils/axios'
 
 export const getNotifications = async () => {
   const response = await axiosInstance.get('/api/notifications?page=0&size=5')
diff --git a/src/api/user.ts b/src/api/user.ts
new file mode 100644
index 00000000..86bbbbf4
--- /dev/null
+++ b/src/api/user.ts
@@ -0,0 +1,6 @@
+import { formDataAxiosInstance } from '@/utils/axios'
+
+export const postTaskRequest = async (formdata: FormData) => {
+  const response = await formDataAxiosInstance.post('/api/tasks', formdata)
+  return response.data
+}
diff --git a/src/utils/axios.ts b/src/utils/axios.ts
index 4b1d7254..ae769d70 100644
--- a/src/utils/axios.ts
+++ b/src/utils/axios.ts
@@ -1,36 +1,29 @@
-import axios, { type InternalAxiosRequestConfig } from 'axios'
+import axios, { type AxiosInstance, type InternalAxiosRequestConfig } from 'axios'
 import Cookies from 'js-cookie'
-const baseURL = import.meta.env.VITE_API_BASE_URL
 
-const axiosInstance = axios.create({
-  baseURL: baseURL,
-  withCredentials: true,
-  headers: {
-    'Content-Type': 'application/json',
-    Accept: 'application/json'
-  }
-})
+const baseURL = import.meta.env.VITE_API_BASE_URL
 
-axiosInstance.interceptors.request.use(
-  (config: InternalAxiosRequestConfig) => {
-    if (typeof window !== 'undefined') {
-      const token = Cookies.get('accessToken')
-      if (token) {
-        config.headers.Authorization = `Bearer ${token}`
+const setInterceptors = (instance: AxiosInstance) => {
+  instance.interceptors.request.use(
+    (config: InternalAxiosRequestConfig) => {
+      if (typeof window !== 'undefined') {
+        const token = Cookies.get('accessToken')
+        if (token) {
+          config.headers.Authorization = `Bearer ${token}`
+        }
+        console.log(token, '으로 요청 중')
       }
-    }
-    return config
-  },
-  error => Promise.reject(error)
-)
+      return config
+    },
+    error => Promise.reject(error)
+  )
 
-axiosInstance.interceptors.response.use(
-  response => response,
-  error => {
-    if (axios.isCancel(error)) {
-      console.log('요청이 취소되었습니다:', error.message)
-    } else {
-      if (error.response) {
+  instance.interceptors.response.use(
+    response => response,
+    error => {
+      if (axios.isCancel(error)) {
+        console.log('요청이 취소되었습니다:', error.message)
+      } else if (error.response) {
         switch (error.response.status) {
           case 401:
             console.error('인증 오류: 다시 로그인하세요.')
@@ -50,9 +43,26 @@ axiosInstance.interceptors.response.use(
       } else {
         console.error('네트워크 오류: 서버에 연결할 수 없습니다.')
       }
+      return Promise.reject(error)
     }
-    return Promise.reject(error)
-  }
-)
+  )
+}
+
+const createAxiosInstance = (contentType: string) => {
+  const instance = axios.create({
+    baseURL: baseURL,
+    withCredentials: true,
+    headers: {
+      'Content-Type': contentType,
+      Accept: 'application/json'
+    }
+  })
+  setInterceptors(instance)
+  return instance
+}
+
+const axiosInstance = createAxiosInstance('application/json')
+
+const formDataAxiosInstance = createAxiosInstance('multipart/form-data')
 
-export default axiosInstance
+export { axiosInstance, formDataAxiosInstance }

From 61df8a15949f75527a6141ce08b21c53b6d41c58 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sat, 1 Feb 2025 20:03:17 +0900
Subject: [PATCH 09/28] =?UTF-8?q?:recycle:=20[refactor]=20:=20prop?=
 =?UTF-8?q?=EB=8C=80=EC=8B=A0=20=EC=A7=81=EC=A0=91=20=EA=B0=80=EC=A0=B8?=
 =?UTF-8?q?=EC=98=A4=EA=B8=B0,=20=ED=8C=8C=EC=9D=BC=20=EC=B4=88=EA=B8=B0?=
 =?UTF-8?q?=EA=B0=92=20=EB=B0=B0=EC=97=B4=EB=A1=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/request-task/RequestTask.vue   | 33 +++++++++++++------
 .../request-task/RequestTaskFileInput.vue     | 12 +++----
 .../task-management/CategoryAdd.vue           |  2 +-
 3 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/src/components/request-task/RequestTask.vue b/src/components/request-task/RequestTask.vue
index 6ee6e2f8..18a84809 100644
--- a/src/components/request-task/RequestTask.vue
+++ b/src/components/request-task/RequestTask.vue
@@ -27,15 +27,16 @@
 </template>
 
 <script lang="ts" setup>
+import { postTaskRequest } from '@/api/user'
 import { EXPLANATION_PLACEHOLDER, TITLE_PLACEHOLDER } from '@/constants/user'
 import { DUMMY_REQUEST_TASK_CATEGORIES } from '@/datas/taskdetail'
 import { ref } from 'vue'
+import { useRouter } from 'vue-router'
 import FormButtonContainer from '../common/FormButtonContainer.vue'
 import RequestTaskDropdown from './RequestTaskDropdown.vue'
 import RequestTaskFileInput from './RequestTaskFileInput.vue'
 import RequestTaskInput from './RequestTaskInput.vue'
 import RequestTaskTextArea from './RequestTaskTextArea.vue'
-import { useRouter } from 'vue-router'
 
 const category1 = ref('1차 카테고리를 선택해주세요')
 const category2 = ref('2차 카테고리를 선택해주세요')
@@ -49,21 +50,33 @@ const handleCancel = () => {
   category2.value = ''
   title.value = ''
   description.value = ''
-  file.value = null
+  file.value = []
   router.back()
 }
 
-const handleSubmit = () => {
+const handleSubmit = async () => {
   const formData = new FormData()
-  formData.append('category1', category1.value)
-  formData.append('category2', category2.value)
-  formData.append('title', title.value)
-  formData.append('description', description.value)
-  if (file.value) {
+  const taskInfo = {
+    categoryId: 1,
+    title: title.value,
+    description: description.value
+  }
+
+  const jsonTaskInfo = JSON.stringify(taskInfo)
+  const newBlob = new Blob([jsonTaskInfo], { type: 'application/json' })
+
+  formData.append('taskInfo', newBlob)
+  if (file.value && file.value.length > 0) {
     file.value.forEach(f => {
-      formData.append('file', f)
+      formData.append('attachment', f)
     })
   }
-  console.log(Object.fromEntries(formData))
+  console.log(Object.fromEntries(formData), '응답')
+  console.log(file.value, '파일 현황 응답')
+  try {
+    const res = await postTaskRequest(formData)
+  } catch (error) {
+    console.error('요청 실패:', error)
+  }
 }
 </script>
diff --git a/src/components/request-task/RequestTaskFileInput.vue b/src/components/request-task/RequestTaskFileInput.vue
index 6ee08c50..74cc26b9 100644
--- a/src/components/request-task/RequestTaskFileInput.vue
+++ b/src/components/request-task/RequestTaskFileInput.vue
@@ -9,7 +9,7 @@
       @change="handleFileUpload" />
     <RequestTaskFileInputAfter
       v-if="hasFiles"
-      :files="props.modelValue"
+      :files="modelValue"
       :removeFile="removeFile" />
     <div
       v-else
@@ -31,25 +31,25 @@ import { uploadIcon } from '@/constants/iconPath'
 import { computed } from 'vue'
 import RequestTaskFileInputAfter from './RequestTaskFileInputAfter.vue'
 
-const props = defineProps<{
+const { modelValue } = defineProps<{
   modelValue: File[] | null
 }>()
 const emit = defineEmits(['update:modelValue'])
 
-const hasFiles = computed(() => props.modelValue && props.modelValue.length > 0)
+const hasFiles = computed(() => modelValue && modelValue.length > 0)
 
 const handleFileUpload = (event: Event) => {
   const target = event.target as HTMLInputElement
   if (target.files && target.files.length > 0) {
     const newFiles = Array.from(target.files)
-    const updatedFiles = props.modelValue ? [...props.modelValue, ...newFiles] : newFiles
+    const updatedFiles = modelValue ? [...modelValue, ...newFiles] : newFiles
     emit('update:modelValue', updatedFiles)
   }
 }
 
 const removeFile = (index: number) => {
-  if (props.modelValue) {
-    const updatedFiles = [...props.modelValue]
+  if (modelValue) {
+    const updatedFiles = [...modelValue]
     updatedFiles.splice(index, 1)
     emit('update:modelValue', updatedFiles)
   }
diff --git a/src/components/task-management/CategoryAdd.vue b/src/components/task-management/CategoryAdd.vue
index b0a0ca07..22686e00 100644
--- a/src/components/task-management/CategoryAdd.vue
+++ b/src/components/task-management/CategoryAdd.vue
@@ -42,10 +42,10 @@
 import { CATEGORY_FIRST_ADD, CATEGORY_SECOND_ADD, RoleKeys } from '@/constants/admin'
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
+import FormButtonContainer from '../common/FormButtonContainer.vue'
 import ModalView from '../ModalView.vue'
 import RequestTaskDropdown from '../request-task/RequestTaskDropdown.vue'
 import RequestTaskInput from '../request-task/RequestTaskInput.vue'
-import FormButtonContainer from '../common/FormButtonContainer.vue'
 
 const router = useRouter()
 

From 11462ed42ccf9c63e2dc3ba8a3c88564346e0ce5 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sun, 2 Feb 2025 02:19:43 +0900
Subject: [PATCH 10/28] =?UTF-8?q?:recycle:=20[refactor]=20:=201,2=EC=B0=A8?=
 =?UTF-8?q?=20=EC=B9=B4=ED=85=8C=EA=B3=A0=EB=A6=AC=20=ED=83=80=EC=9E=85=20?=
 =?UTF-8?q?=EC=84=A0=EC=96=B8=20=EB=B0=8F=20=EC=9C=84=EC=B9=98=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/constants/admin.ts | 14 ++++----------
 src/types/admin.ts     | 17 ++---------------
 src/types/common.ts    | 27 +++++++++++++++++++++++++++
 3 files changed, 33 insertions(+), 25 deletions(-)

diff --git a/src/constants/admin.ts b/src/constants/admin.ts
index 197cb3e5..15fef027 100644
--- a/src/constants/admin.ts
+++ b/src/constants/admin.ts
@@ -1,4 +1,4 @@
-import type { ListBarTabProps, Option } from '@/types/common'
+import type { ListBarTabProps, MainCategoryTypes, Option, SubCategoryTypes } from '@/types/common'
 
 export const MEMBER_MANAGEMENT_LIST_BAR_TAB: ListBarTabProps[] = [
   { content: '이름', width: 60 },
@@ -34,21 +34,15 @@ export const LOGS_LIST_BAR_TAB: ListBarTabProps[] = [
   { content: '결과' }
 ]
 
-import type {
-  RoleTypes,
-  RoleTypesEnum,
-  UserRegistrationProps,
-  mainCategoryTypes,
-  subCategoryTypes
-} from '@/types/admin'
+import type { RoleTypes, RoleTypesEnum, UserRegistrationProps } from '@/types/admin'
 
-export const CATEGORY_FIRST_ADD: mainCategoryTypes = {
+export const CATEGORY_FIRST_ADD: MainCategoryTypes = {
   name: '',
   code: '',
   id: 0
 }
 
-export const CATEGORY_SECOND_ADD: subCategoryTypes = {
+export const CATEGORY_SECOND_ADD: SubCategoryTypes = {
   name: '',
   mainCategoryId: 0,
   code: '',
diff --git a/src/types/admin.ts b/src/types/admin.ts
index 436b33f5..f266f587 100644
--- a/src/types/admin.ts
+++ b/src/types/admin.ts
@@ -1,4 +1,4 @@
-import type { Role } from './common'
+import type { Role, SubCategoryTypes } from './common'
 
 export interface MemberManagementListData {
   memberId: number
@@ -42,24 +42,11 @@ export interface CategoryLineProps {
   mainCategoryId?: string
 }
 
-export interface mainCategoryTypes {
-  id: number
-  name: string
-  code: string
-}
-
-export interface subCategoryTypes {
-  id: number
-  mainCategoryId: number
-  name: string
-  code: string
-}
-
 export interface categoriesTypes {
   id: number
   name: string
   code: string
-  subCategory: subCategoryTypes[]
+  subCategory: SubCategoryTypes[]
 }
 
 export interface CategoryAllData {
diff --git a/src/types/common.ts b/src/types/common.ts
index 92ae0f91..80574efa 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -72,3 +72,30 @@ export interface ColorSelectProps {
   selectedDivisionId: number | null
   isOpen: boolean
 }
+
+export interface LabelDataTypes {
+  labelId: number
+  labelName: string
+  labelColor: string
+}
+
+export interface MainCategoryTypes {
+  id: number
+  name: string
+  code: string
+}
+
+export interface SubCategoryTypes {
+  id: number
+  mainCategoryId: number
+  name: string
+  code: string
+}
+
+export interface CategoryDropdownProps {
+  placeholderText: string
+  options: MainCategoryTypes[] | SubCategoryTypes[]
+  labelName: string
+  modelValue: string
+  isLabel?: boolean
+}

From 6a6b4a6f08ced934da51252a5de665bb09bff91c Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sun, 2 Feb 2025 03:07:11 +0900
Subject: [PATCH 11/28] =?UTF-8?q?:sparkles:=20[feat]=20:=20=EC=B9=B4?=
 =?UTF-8?q?=ED=85=8C=EA=B3=A0=EB=A6=AC=EC=9A=A9=20=EB=93=9C=EB=A1=AD?=
 =?UTF-8?q?=EB=8B=A4=EC=9A=B4=20=EA=B0=9C=EB=B3=84=20=EC=83=9D=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../request-task/CategoryDropDown.vue         | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 src/components/request-task/CategoryDropDown.vue

diff --git a/src/components/request-task/CategoryDropDown.vue b/src/components/request-task/CategoryDropDown.vue
new file mode 100644
index 00000000..609ebdae
--- /dev/null
+++ b/src/components/request-task/CategoryDropDown.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <div class="flex text-xs gap-x-1 mb-2">
+      <p class="text-body font-bold">{{ labelName }}</p>
+      <p
+        v-if="!isLabel"
+        class="text-red-1">
+        *
+      </p>
+    </div>
+    <div class="relative flex text-base">
+      <div
+        class="flex w-full h-11 items-center rounded p-4 bg-white border border-border-1 cursor-pointer text-black"
+        @click="toggleDropdown">
+        <p :class="{ 'text-disabled': !modelValue?.name }">
+          {{ modelValue?.name ?? placeholderText }}
+        </p>
+        <CommonIcons
+          :name="dropdownIcon"
+          :class="['ml-auto', { 'rotate-180': dropdownOpen }]" />
+      </div>
+      <div
+        v-if="dropdownOpen"
+        class="absolute w-full h-40 overflow-y-auto top-[52px] flex flex-col gap-2 p-2 bg-white rounded z-10 shadow border-t border-t-border-2 text-black">
+        <div
+          v-for="option in options"
+          :key="option.id"
+          class="w-full flex items-center h-11 p-2 rounded hover:bg-background-2 cursor-pointer"
+          @click="selectOption(option)">
+          {{ option.name }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { dropdownIcon } from '@/constants/iconPath'
+import type { CategoryDropdownProps, MainCategoryTypes, SubCategoryTypes } from '@/types/common'
+import { ref } from 'vue'
+import CommonIcons from '../common/CommonIcons.vue'
+
+const { placeholderText, options, labelName, modelValue, isLabel, isDisabled } =
+  defineProps<CategoryDropdownProps>()
+const emit = defineEmits(['update:modelValue'])
+const dropdownOpen = ref(false)
+
+const toggleDropdown = () => {
+  if (isDisabled) return
+  dropdownOpen.value = !dropdownOpen.value
+}
+
+const selectOption = (option: MainCategoryTypes | SubCategoryTypes) => {
+  emit('update:modelValue', option)
+  dropdownOpen.value = false
+}
+</script>

From 61ed646525ec6806be696660ad98edd7f46cfbd3 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sun, 2 Feb 2025 03:10:43 +0900
Subject: [PATCH 12/28] =?UTF-8?q?:sparkles:=20[feat]=20:=201,=202=EC=B0=A8?=
 =?UTF-8?q?=20=EC=B9=B4=ED=85=8C=EA=B3=A0=EB=A6=AC=20=EC=A1=B0=ED=9A=8C=20?=
 =?UTF-8?q?api=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/common.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 src/api/common.ts

diff --git a/src/api/common.ts b/src/api/common.ts
new file mode 100644
index 00000000..a0d4fd4e
--- /dev/null
+++ b/src/api/common.ts
@@ -0,0 +1,11 @@
+import { axiosInstance } from '../utils/axios'
+
+export const getMainCategory = async () => {
+  const response = await axiosInstance.get('/api/main-category')
+  return response.data
+}
+
+export const getSubCategory = async () => {
+  const response = await axiosInstance.get('/api/sub-category')
+  return response.data
+}

From d1a8a4156b757c1bffb89be174d98e7e97fd4fe3 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sun, 2 Feb 2025 03:11:02 +0900
Subject: [PATCH 13/28] =?UTF-8?q?:sparkles:=20[feat]=20:=20=EC=9A=94?=
 =?UTF-8?q?=EC=B2=AD=20=EC=83=9D=EC=84=B1=20api=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/request-task/RequestTask.vue | 53 ++++++++++++++-------
 src/types/common.ts                         |  3 +-
 2 files changed, 39 insertions(+), 17 deletions(-)

diff --git a/src/components/request-task/RequestTask.vue b/src/components/request-task/RequestTask.vue
index 18a84809..a91a8b4b 100644
--- a/src/components/request-task/RequestTask.vue
+++ b/src/components/request-task/RequestTask.vue
@@ -1,15 +1,17 @@
 <template>
   <div class="w-full flex flex-col gap-y-6">
-    <RequestTaskDropdown
+    <CategoryDropDown
       v-model="category1"
-      :options="DUMMY_REQUEST_TASK_CATEGORIES"
+      :options="mainCategoryArr"
       :label-name="'1차 카테고리'"
-      :placeholderText="'1차 카테고리를 선택해주세요'" />
-    <RequestTaskDropdown
+      :placeholderText="'1차 카테고리를 선택해주세요'"
+      :isDisabled="false" />
+    <CategoryDropDown
       v-model="category2"
-      :options="DUMMY_REQUEST_TASK_CATEGORIES"
+      :options="afterSubCategoryArr"
       :label-name="'2차 카테고리'"
-      :placeholderText="'2차 카테고리를 선택해주세요'" />
+      :placeholderText="'2차 카테고리를 선택해주세요'"
+      :isDisabled="!category1" />
     <RequestTaskInput
       v-model="title"
       :placeholderText="TITLE_PLACEHOLDER"
@@ -27,27 +29,46 @@
 </template>
 
 <script lang="ts" setup>
+import { getMainCategory, getSubCategory } from '@/api/common'
 import { postTaskRequest } from '@/api/user'
 import { EXPLANATION_PLACEHOLDER, TITLE_PLACEHOLDER } from '@/constants/user'
-import { DUMMY_REQUEST_TASK_CATEGORIES } from '@/datas/taskdetail'
-import { ref } from 'vue'
+import type { MainCategoryTypes, SubCategoryTypes } from '@/types/common'
+import { onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import FormButtonContainer from '../common/FormButtonContainer.vue'
-import RequestTaskDropdown from './RequestTaskDropdown.vue'
+import CategoryDropDown from './CategoryDropDown.vue'
 import RequestTaskFileInput from './RequestTaskFileInput.vue'
 import RequestTaskInput from './RequestTaskInput.vue'
 import RequestTaskTextArea from './RequestTaskTextArea.vue'
 
-const category1 = ref('1차 카테고리를 선택해주세요')
-const category2 = ref('2차 카테고리를 선택해주세요')
+const category1 = ref<MainCategoryTypes | null>(null)
+const category2 = ref<MainCategoryTypes | null>(null)
+
 const title = ref('')
 const description = ref('')
 const file = ref(null as File[] | null)
 
+const mainCategoryArr = ref<MainCategoryTypes[]>([])
+const subCategoryArr = ref<SubCategoryTypes[]>([])
+const afterSubCategoryArr = ref<SubCategoryTypes[]>([])
+
+onMounted(async () => {
+  mainCategoryArr.value = await getMainCategory()
+  subCategoryArr.value = await getSubCategory()
+  afterSubCategoryArr.value = await getSubCategory()
+})
+
+watch(category1, async newValue => {
+  category2.value = null
+  afterSubCategoryArr.value = subCategoryArr.value.filter(
+    subCategory => subCategory.mainCategoryId === newValue?.id
+  )
+})
+
 const router = useRouter()
 const handleCancel = () => {
-  category1.value = ''
-  category2.value = ''
+  category1.value = null
+  category2.value = null
   title.value = ''
   description.value = ''
   file.value = []
@@ -57,7 +78,7 @@ const handleCancel = () => {
 const handleSubmit = async () => {
   const formData = new FormData()
   const taskInfo = {
-    categoryId: 1,
+    categoryId: category2.value?.id,
     title: title.value,
     description: description.value
   }
@@ -66,15 +87,15 @@ const handleSubmit = async () => {
   const newBlob = new Blob([jsonTaskInfo], { type: 'application/json' })
 
   formData.append('taskInfo', newBlob)
+
   if (file.value && file.value.length > 0) {
     file.value.forEach(f => {
       formData.append('attachment', f)
     })
   }
-  console.log(Object.fromEntries(formData), '응답')
-  console.log(file.value, '파일 현황 응답')
   try {
     const res = await postTaskRequest(formData)
+    console.error('요청 성공:', res)
   } catch (error) {
     console.error('요청 실패:', error)
   }
diff --git a/src/types/common.ts b/src/types/common.ts
index 80574efa..ca389d58 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -96,6 +96,7 @@ export interface CategoryDropdownProps {
   placeholderText: string
   options: MainCategoryTypes[] | SubCategoryTypes[]
   labelName: string
-  modelValue: string
+  modelValue: MainCategoryTypes | SubCategoryTypes | null
   isLabel?: boolean
+  isDisabled?: boolean
 }

From 65b0f3725060603dca1830bacf5c0c9f430d7a8b Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sun, 2 Feb 2025 11:51:43 +0900
Subject: [PATCH 14/28] =?UTF-8?q?:sparkles:=20[feat]=20:=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20=EB=88=84=EB=9D=BD=EC=8B=9C=20=EA=B2=BD=EA=B3=A0=20?=
 =?UTF-8?q?=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EC=B6=9C=EB=A0=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/request-task/CategoryDropDown.vue | 12 ++++++++++--
 src/components/request-task/RequestTask.vue      | 16 ++++++++++++++--
 src/components/request-task/RequestTaskInput.vue | 12 ++++++++++--
 src/types/common.ts                              |  1 +
 src/types/user.ts                                |  1 +
 5 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/src/components/request-task/CategoryDropDown.vue b/src/components/request-task/CategoryDropDown.vue
index 609ebdae..8ab78003 100644
--- a/src/components/request-task/CategoryDropDown.vue
+++ b/src/components/request-task/CategoryDropDown.vue
@@ -7,6 +7,11 @@
         class="text-red-1">
         *
       </p>
+      <p
+        v-if="isInvalidateState === 'category'"
+        class="text-red-1">
+        카테고리를 선택해주세요
+      </p>
     </div>
     <div class="relative flex text-base">
       <div
@@ -37,11 +42,14 @@
 <script lang="ts" setup>
 import { dropdownIcon } from '@/constants/iconPath'
 import type { CategoryDropdownProps, MainCategoryTypes, SubCategoryTypes } from '@/types/common'
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 import CommonIcons from '../common/CommonIcons.vue'
 
-const { placeholderText, options, labelName, modelValue, isLabel, isDisabled } =
+const { placeholderText, options, labelName, modelValue, isLabel, isDisabled, isInvalidate } =
   defineProps<CategoryDropdownProps>()
+
+const isInvalidateState = computed(() => isInvalidate)
+
 const emit = defineEmits(['update:modelValue'])
 const dropdownOpen = ref(false)
 
diff --git a/src/components/request-task/RequestTask.vue b/src/components/request-task/RequestTask.vue
index a91a8b4b..62d91cfc 100644
--- a/src/components/request-task/RequestTask.vue
+++ b/src/components/request-task/RequestTask.vue
@@ -5,17 +5,20 @@
       :options="mainCategoryArr"
       :label-name="'1차 카테고리'"
       :placeholderText="'1차 카테고리를 선택해주세요'"
+      :isInvalidate="isInvalidate"
       :isDisabled="false" />
     <CategoryDropDown
       v-model="category2"
       :options="afterSubCategoryArr"
       :label-name="'2차 카테고리'"
       :placeholderText="'2차 카테고리를 선택해주세요'"
+      :is-invalidate="isInvalidate"
       :isDisabled="!category1" />
     <RequestTaskInput
       v-model="title"
       :placeholderText="TITLE_PLACEHOLDER"
-      :label-name="'제목'" />
+      :label-name="'제목'"
+      :is-invalidate="isInvalidate" />
     <RequestTaskTextArea
       v-model="description"
       :placeholderText="EXPLANATION_PLACEHOLDER" />
@@ -47,6 +50,7 @@ const category2 = ref<MainCategoryTypes | null>(null)
 const title = ref('')
 const description = ref('')
 const file = ref(null as File[] | null)
+const isInvalidate = ref('')
 
 const mainCategoryArr = ref<MainCategoryTypes[]>([])
 const subCategoryArr = ref<SubCategoryTypes[]>([])
@@ -76,9 +80,17 @@ const handleCancel = () => {
 }
 
 const handleSubmit = async () => {
+  if (!category1.value || !category2.value) {
+    isInvalidate.value = 'category'
+    console.log(isInvalidate.value, '변경됨')
+    return
+  } else if (!title.value) {
+    isInvalidate.value = 'input'
+    return
+  }
   const formData = new FormData()
   const taskInfo = {
-    categoryId: category2.value?.id,
+    categoryId: category2.value.id,
     title: title.value,
     description: description.value
   }
diff --git a/src/components/request-task/RequestTaskInput.vue b/src/components/request-task/RequestTaskInput.vue
index 7646a033..df55151e 100644
--- a/src/components/request-task/RequestTaskInput.vue
+++ b/src/components/request-task/RequestTaskInput.vue
@@ -7,6 +7,11 @@
         class="text-red-1">
         *
       </p>
+      <p
+        v-if="isInvalidateState === 'input'"
+        class="text-red-1">
+        {{ labelName }}을 입력해주세요
+      </p>
     </div>
     <input
       class="w-full h-11 border border-border-1 px-4 focus:outline-none text-black"
@@ -19,9 +24,12 @@
 
 <script lang="ts" setup>
 import type { RequestTaskInputProps } from '@/types/user'
-
-const { modelValue, placeholderText, labelName, isNotRequired, isEdit } =
+import { computed } from 'vue'
+const { modelValue, placeholderText, labelName, isNotRequired, isEdit, isInvalidate } =
   defineProps<RequestTaskInputProps>()
+
+const isInvalidateState = computed(() => isInvalidate)
+
 const emit = defineEmits(['update:modelValue'])
 
 const updateValue = (value: string) => {
diff --git a/src/types/common.ts b/src/types/common.ts
index ca389d58..fd067149 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -99,4 +99,5 @@ export interface CategoryDropdownProps {
   modelValue: MainCategoryTypes | SubCategoryTypes | null
   isLabel?: boolean
   isDisabled?: boolean
+  isInvalidate?: string
 }
diff --git a/src/types/user.ts b/src/types/user.ts
index ffb30fb1..b77be02e 100644
--- a/src/types/user.ts
+++ b/src/types/user.ts
@@ -27,6 +27,7 @@ export interface RequestTaskInputProps {
   labelName: string
   isNotRequired?: boolean
   isEdit?: boolean
+  isInvalidate?: string
 }
 
 export interface RequestTaskFileInputProps {

From cd970aadb759ef96ec20f779f9e047ca09448bde Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sun, 2 Feb 2025 12:03:33 +0900
Subject: [PATCH 15/28] =?UTF-8?q?:sparkles:=20[feat]=20:=20=EC=9A=94?=
 =?UTF-8?q?=EC=B2=AD=20=EC=99=84=EB=A3=8C=20=ED=9B=84=20=EB=AA=A8=EB=8B=AC?=
 =?UTF-8?q?=20=EB=B0=8F=20=EB=9D=BC=EC=9A=B0=ED=8C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/request-task/RequestTask.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/request-task/RequestTask.vue b/src/components/request-task/RequestTask.vue
index 62d91cfc..a630a4f6 100644
--- a/src/components/request-task/RequestTask.vue
+++ b/src/components/request-task/RequestTask.vue
@@ -28,6 +28,12 @@
       :handleSubmit="handleSubmit"
       cancelText="취소"
       submitText="요청" />
+    <ModalView
+      :isOpen="isModalVisible"
+      :type="'successType'"
+      @close="handleCancel">
+      <template #header>작업이 요청되었습니다</template>
+    </ModalView>
   </div>
 </template>
 
@@ -39,6 +45,7 @@ import type { MainCategoryTypes, SubCategoryTypes } from '@/types/common'
 import { onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import FormButtonContainer from '../common/FormButtonContainer.vue'
+import ModalView from '../ModalView.vue'
 import CategoryDropDown from './CategoryDropDown.vue'
 import RequestTaskFileInput from './RequestTaskFileInput.vue'
 import RequestTaskInput from './RequestTaskInput.vue'
@@ -51,6 +58,7 @@ const title = ref('')
 const description = ref('')
 const file = ref(null as File[] | null)
 const isInvalidate = ref('')
+const isModalVisible = ref(false)
 
 const mainCategoryArr = ref<MainCategoryTypes[]>([])
 const subCategoryArr = ref<SubCategoryTypes[]>([])
@@ -70,6 +78,7 @@ watch(category1, async newValue => {
 })
 
 const router = useRouter()
+
 const handleCancel = () => {
   category1.value = null
   category2.value = null
@@ -107,6 +116,7 @@ const handleSubmit = async () => {
   }
   try {
     const res = await postTaskRequest(formData)
+    isModalVisible.value = true
     console.error('요청 성공:', res)
   } catch (error) {
     console.error('요청 실패:', error)

From 8c202cf7cc49ba2b864207d5159b5c34ec9d49a1 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sun, 2 Feb 2025 12:09:51 +0900
Subject: [PATCH 16/28] =?UTF-8?q?:recycle:=20[refactor]=20:=20axios=20inst?=
 =?UTF-8?q?ance=20=EA=B0=9D=EC=B2=B4=20=EB=B6=84=EB=A6=AC=ED=95=B4?=
 =?UTF-8?q?=EC=84=9C=20import?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/my-request/MyRequestFilterBar.vue   | 12 ++++++------
 src/components/my-request/MyRequestList.vue        | 14 +++++++-------
 src/components/my-task/MyTaskFilterBar.vue         |  2 +-
 .../request-history/RequestHistoryFilterBar.vue    | 12 ++++++------
 src/components/requested/RequestedFilterBar.vue    |  2 +-
 src/components/task-board/TaskBoardFilterBar.vue   |  2 +-
 src/components/team-board/TeamBoardFilterBar.vue   |  6 +++---
 7 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/components/my-request/MyRequestFilterBar.vue b/src/components/my-request/MyRequestFilterBar.vue
index e1c2735a..cd96cacd 100644
--- a/src/components/my-request/MyRequestFilterBar.vue
+++ b/src/components/my-request/MyRequestFilterBar.vue
@@ -33,15 +33,15 @@
 </template>
 
 <script setup lang="ts">
-import FilterDropdown from '../filters/FilterDropdown.vue'
+import { PAGE_SIZE_LIST, TASK_STATUS_LIST, TERM_LIST } from '@/constants/common'
+import { useRequestParamsStore } from '@/stores/params'
+import { axiosInstance } from '@/utils/axios'
+import { useQuery } from '@tanstack/vue-query'
 import FilterCategory from '../filters/FilterCategory.vue'
-import FilterInput from '../filters/FilterInput.vue'
+import FilterDropdown from '../filters/FilterDropdown.vue'
 import FilterDropdownMulti from '../filters/FilterDropdownMulti.vue'
-import { useRequestParamsStore } from '@/stores/params'
-import { PAGE_SIZE_LIST, TASK_STATUS_LIST, TERM_LIST } from '@/constants/common'
+import FilterInput from '../filters/FilterInput.vue'
 import { useRequestParamsChange } from '../hooks/useRequestParamsChange'
-import axiosInstance from '@/utils/axios'
-import { useQuery } from '@tanstack/vue-query'
 
 const store = useRequestParamsStore()
 store.$reset()
diff --git a/src/components/my-request/MyRequestList.vue b/src/components/my-request/MyRequestList.vue
index 459ced6d..b91f588a 100644
--- a/src/components/my-request/MyRequestList.vue
+++ b/src/components/my-request/MyRequestList.vue
@@ -22,17 +22,17 @@
 </template>
 
 <script setup lang="ts">
-import MyRequestListBar from './MyRequestListBar.vue'
-import MyRequestListCard from './MyRequestListCard.vue'
-import ListPagination from '../lists/ListPagination.vue'
-import ListContainer from '../lists/ListContainer.vue'
 import { useRequestParamsStore } from '@/stores/params'
-import axiosInstance from '@/utils/axios'
-import { useQuery } from '@tanstack/vue-query'
-import { useParseParams } from '../hooks/useParseParams'
 import type { MyRequestResponse } from '@/types/user'
+import { axiosInstance } from '@/utils/axios'
+import { useQuery } from '@tanstack/vue-query'
 import { ref, watch } from 'vue'
+import { useParseParams } from '../hooks/useParseParams'
+import ListContainer from '../lists/ListContainer.vue'
+import ListPagination from '../lists/ListPagination.vue'
 import NoContent from '../lists/NoContent.vue'
+import MyRequestListBar from './MyRequestListBar.vue'
+import MyRequestListCard from './MyRequestListCard.vue'
 
 const { params } = useRequestParamsStore()
 const onPageChange = (value: number) => {
diff --git a/src/components/my-task/MyTaskFilterBar.vue b/src/components/my-task/MyTaskFilterBar.vue
index 26d411f8..9410997d 100644
--- a/src/components/my-task/MyTaskFilterBar.vue
+++ b/src/components/my-task/MyTaskFilterBar.vue
@@ -41,7 +41,7 @@ import { useRequestParamsStore } from '@/stores/params'
 import { PAGE_SIZE_LIST, TASK_STATUS_LIST, TERM_LIST } from '@/constants/common'
 import { useRequestParamsChange } from '../hooks/useRequestParamsChange'
 import { useQuery } from '@tanstack/vue-query'
-import axiosInstance from '@/utils/axios'
+import {axiosInstance} from '@/utils/axios'
 
 const store = useRequestParamsStore()
 store.$reset()
diff --git a/src/components/request-history/RequestHistoryFilterBar.vue b/src/components/request-history/RequestHistoryFilterBar.vue
index 6dfcaf2c..bc418079 100644
--- a/src/components/request-history/RequestHistoryFilterBar.vue
+++ b/src/components/request-history/RequestHistoryFilterBar.vue
@@ -33,15 +33,15 @@
 </template>
 
 <script setup lang="ts">
-import FilterDropdown from '../filters/FilterDropdown.vue'
-import FilterCategory from '../filters/FilterCategory.vue'
-import FilterInput from '../filters/FilterInput.vue'
 import { PAGE_SIZE_LIST, TASK_STATUS_LIST, TERM_LIST } from '@/constants/common'
-import FilterDropdownMulti from '../filters/FilterDropdownMulti.vue'
 import { useRequestParamsStore } from '@/stores/params'
-import { useRequestParamsChange } from '../hooks/useRequestParamsChange'
+import { axiosInstance } from '@/utils/axios'
 import { useQuery } from '@tanstack/vue-query'
-import axiosInstance from '@/utils/axios'
+import FilterCategory from '../filters/FilterCategory.vue'
+import FilterDropdown from '../filters/FilterDropdown.vue'
+import FilterDropdownMulti from '../filters/FilterDropdownMulti.vue'
+import FilterInput from '../filters/FilterInput.vue'
+import { useRequestParamsChange } from '../hooks/useRequestParamsChange'
 
 const store = useRequestParamsStore()
 store.$reset()
diff --git a/src/components/requested/RequestedFilterBar.vue b/src/components/requested/RequestedFilterBar.vue
index cfecbcec..7c28ce9e 100644
--- a/src/components/requested/RequestedFilterBar.vue
+++ b/src/components/requested/RequestedFilterBar.vue
@@ -35,7 +35,7 @@ import { PAGE_SIZE_LIST, TERM_LIST } from '@/constants/common'
 import { useRequestParamsStore } from '@/stores/params'
 import { useRequestParamsChange } from '../hooks/useRequestParamsChange'
 import { useQuery } from '@tanstack/vue-query'
-import axiosInstance from '@/utils/axios'
+import {axiosInstance} from '@/utils/axios'
 
 const store = useRequestParamsStore()
 store.$reset()
diff --git a/src/components/task-board/TaskBoardFilterBar.vue b/src/components/task-board/TaskBoardFilterBar.vue
index a4841f5d..d9c2f338 100644
--- a/src/components/task-board/TaskBoardFilterBar.vue
+++ b/src/components/task-board/TaskBoardFilterBar.vue
@@ -29,7 +29,7 @@ import FilterInput from '../filters/FilterInput.vue'
 import { DUMMY_DIVISION_LIST } from '@/datas/dummy'
 import { useTaskBoardParamsStore } from '@/stores/params'
 import { useQuery } from '@tanstack/vue-query'
-import axiosInstance from '@/utils/axios'
+import {axiosInstance} from '@/utils/axios'
 
 const { params } = useTaskBoardParamsStore()
 
diff --git a/src/components/team-board/TeamBoardFilterBar.vue b/src/components/team-board/TeamBoardFilterBar.vue
index 729e046e..e76be4e1 100644
--- a/src/components/team-board/TeamBoardFilterBar.vue
+++ b/src/components/team-board/TeamBoardFilterBar.vue
@@ -22,13 +22,13 @@
 </template>
 
 <script setup lang="ts">
+import { useTeamBoardParamsStore } from '@/stores/params'
+import { axiosInstance } from '@/utils/axios'
+import { useQuery } from '@tanstack/vue-query'
 import FilterCategory from '../filters/FilterCategory.vue'
 import FilterDropdown from '../filters/FilterDropdown.vue'
 import FilterInput from '../filters/FilterInput.vue'
-import { useTeamBoardParamsStore } from '@/stores/params'
 import { useTeamBoardParamsChange } from '../hooks/useTeamBoardParamsChange'
-import axiosInstance from '@/utils/axios'
-import { useQuery } from '@tanstack/vue-query'
 
 const { params } = useTeamBoardParamsStore()
 

From 281050ca63f04632fffa9d24ae58bd097a64deb0 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sun, 2 Feb 2025 12:18:58 +0900
Subject: [PATCH 17/28] =?UTF-8?q?:recycle:=20[refactor]=20:=20=EC=B9=B4?=
 =?UTF-8?q?=ED=85=8C=EA=B3=A0=EB=A6=AC=20=EB=93=9C=EB=A1=AD=EB=8B=A4?=
 =?UTF-8?q?=EC=9A=B4=20placeholder=EC=97=86=EC=9D=B4,=20input=20placeholde?=
 =?UTF-8?q?r=20=EC=83=81=EC=88=98=ED=99=94=20=EC=B7=A8=EC=86=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/request-task/CategoryDropDown.vue |  4 ++--
 src/components/request-task/RequestTask.vue      | 11 +++--------
 src/constants/user.ts                            |  4 ----
 src/types/common.ts                              |  1 -
 4 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/components/request-task/CategoryDropDown.vue b/src/components/request-task/CategoryDropDown.vue
index 8ab78003..7f377299 100644
--- a/src/components/request-task/CategoryDropDown.vue
+++ b/src/components/request-task/CategoryDropDown.vue
@@ -18,7 +18,7 @@
         class="flex w-full h-11 items-center rounded p-4 bg-white border border-border-1 cursor-pointer text-black"
         @click="toggleDropdown">
         <p :class="{ 'text-disabled': !modelValue?.name }">
-          {{ modelValue?.name ?? placeholderText }}
+          {{ modelValue?.name ?? labelName + '를 선택해주세요' }}
         </p>
         <CommonIcons
           :name="dropdownIcon"
@@ -45,7 +45,7 @@ import type { CategoryDropdownProps, MainCategoryTypes, SubCategoryTypes } from
 import { computed, ref } from 'vue'
 import CommonIcons from '../common/CommonIcons.vue'
 
-const { placeholderText, options, labelName, modelValue, isLabel, isDisabled, isInvalidate } =
+const { options, labelName, modelValue, isLabel, isDisabled, isInvalidate } =
   defineProps<CategoryDropdownProps>()
 
 const isInvalidateState = computed(() => isInvalidate)
diff --git a/src/components/request-task/RequestTask.vue b/src/components/request-task/RequestTask.vue
index a630a4f6..1374053b 100644
--- a/src/components/request-task/RequestTask.vue
+++ b/src/components/request-task/RequestTask.vue
@@ -4,24 +4,22 @@
       v-model="category1"
       :options="mainCategoryArr"
       :label-name="'1차 카테고리'"
-      :placeholderText="'1차 카테고리를 선택해주세요'"
       :isInvalidate="isInvalidate"
       :isDisabled="false" />
     <CategoryDropDown
       v-model="category2"
       :options="afterSubCategoryArr"
       :label-name="'2차 카테고리'"
-      :placeholderText="'2차 카테고리를 선택해주세요'"
       :is-invalidate="isInvalidate"
       :isDisabled="!category1" />
     <RequestTaskInput
       v-model="title"
-      :placeholderText="TITLE_PLACEHOLDER"
+      :placeholderText="'제목을 입력해주세요'"
       :label-name="'제목'"
       :is-invalidate="isInvalidate" />
     <RequestTaskTextArea
       v-model="description"
-      :placeholderText="EXPLANATION_PLACEHOLDER" />
+      :placeholderText="'부가 정보를 입력해주세요'" />
     <RequestTaskFileInput v-model="file" />
     <FormButtonContainer
       :handleCancel="handleCancel"
@@ -40,7 +38,6 @@
 <script lang="ts" setup>
 import { getMainCategory, getSubCategory } from '@/api/common'
 import { postTaskRequest } from '@/api/user'
-import { EXPLANATION_PLACEHOLDER, TITLE_PLACEHOLDER } from '@/constants/user'
 import type { MainCategoryTypes, SubCategoryTypes } from '@/types/common'
 import { onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
@@ -110,9 +107,7 @@ const handleSubmit = async () => {
   formData.append('taskInfo', newBlob)
 
   if (file.value && file.value.length > 0) {
-    file.value.forEach(f => {
-      formData.append('attachment', f)
-    })
+    file.value.forEach(f => formData.append('attachment', f))
   }
   try {
     const res = await postTaskRequest(formData)
diff --git a/src/constants/user.ts b/src/constants/user.ts
index 317d1db4..3a719d20 100644
--- a/src/constants/user.ts
+++ b/src/constants/user.ts
@@ -22,10 +22,6 @@ export const REQUESTED_LIST_BAR_TAB: ListBarTabProps[] = [
   { content: '처리', width: 120, justifyCenter: true }
 ]
 
-export const TITLE_PLACEHOLDER = '제목을 입력해주세요'
-
-export const EXPLANATION_PLACEHOLDER = '부가 정보를 입력해주세요'
-
 export const HistoryMessageBefore: Record<TaskHistoryType, string> = {
   STATUS_SWITCHED: '요청이',
   PROCESSOR_CHANGED: '처리자가',
diff --git a/src/types/common.ts b/src/types/common.ts
index fd067149..3cb18d94 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -93,7 +93,6 @@ export interface SubCategoryTypes {
 }
 
 export interface CategoryDropdownProps {
-  placeholderText: string
   options: MainCategoryTypes[] | SubCategoryTypes[]
   labelName: string
   modelValue: MainCategoryTypes | SubCategoryTypes | null

From 9f952ae38e859bc377688ffdafe1bc436e1ab863 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Sun, 2 Feb 2025 20:56:59 +0900
Subject: [PATCH 18/28] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20[refactor]=20:=20axi?=
 =?UTF-8?q?os=20=EC=9D=B8=EC=8A=A4=ED=84=B4=EC=8A=A4=20=EC=9D=B4=EC=8A=88?=
 =?UTF-8?q?=20=EB=B0=98=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/auth.ts      | 2 +-
 src/stores/member.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/api/auth.ts b/src/api/auth.ts
index c0ddf40b..a5baf222 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -1,4 +1,4 @@
-import axiosInstance from '@/utils/axios'
+import { axiosInstance } from '@/utils/axios'
 import Cookies from 'js-cookie'
 
 export const postLogin = async (nickname: string, password: string) => {
diff --git a/src/stores/member.ts b/src/stores/member.ts
index 099d757c..97039ee9 100644
--- a/src/stores/member.ts
+++ b/src/stores/member.ts
@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia'
-import axiosInstance from '@/utils/axios'
+import { axiosInstance } from '@/utils/axios'
 import { ref } from 'vue'
 import type { User } from '@/types/auth'
 import Cookies from 'js-cookie'

From f97d35b6b553b3992ed44cf60a89292e6ffc9e5d Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sun, 2 Feb 2025 02:19:43 +0900
Subject: [PATCH 19/28] =?UTF-8?q?:recycle:=20[refactor]=20:=201,2=EC=B0=A8?=
 =?UTF-8?q?=20=EC=B9=B4=ED=85=8C=EA=B3=A0=EB=A6=AC=20=ED=83=80=EC=9E=85=20?=
 =?UTF-8?q?=EC=84=A0=EC=96=B8=20=EB=B0=8F=20=EC=9C=84=EC=B9=98=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/types/common.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/types/common.ts b/src/types/common.ts
index 3cb18d94..80574efa 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -93,10 +93,9 @@ export interface SubCategoryTypes {
 }
 
 export interface CategoryDropdownProps {
+  placeholderText: string
   options: MainCategoryTypes[] | SubCategoryTypes[]
   labelName: string
-  modelValue: MainCategoryTypes | SubCategoryTypes | null
+  modelValue: string
   isLabel?: boolean
-  isDisabled?: boolean
-  isInvalidate?: string
 }

From c49d1fbcfbb7cc5a681794f856589337c36fd9c9 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sun, 2 Feb 2025 03:11:02 +0900
Subject: [PATCH 20/28] =?UTF-8?q?:sparkles:=20[feat]=20:=20=EC=9A=94?=
 =?UTF-8?q?=EC=B2=AD=20=EC=83=9D=EC=84=B1=20api=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/request-task/RequestTask.vue | 26 +++++++++++++++++----
 src/types/common.ts                         |  3 ++-
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/components/request-task/RequestTask.vue b/src/components/request-task/RequestTask.vue
index 1374053b..1e44ce14 100644
--- a/src/components/request-task/RequestTask.vue
+++ b/src/components/request-task/RequestTask.vue
@@ -4,13 +4,13 @@
       v-model="category1"
       :options="mainCategoryArr"
       :label-name="'1차 카테고리'"
-      :isInvalidate="isInvalidate"
+      :placeholderText="'1차 카테고리를 선택해주세요'"
       :isDisabled="false" />
     <CategoryDropDown
       v-model="category2"
       :options="afterSubCategoryArr"
       :label-name="'2차 카테고리'"
-      :is-invalidate="isInvalidate"
+      :placeholderText="'2차 카테고리를 선택해주세요'"
       :isDisabled="!category1" />
     <RequestTaskInput
       v-model="title"
@@ -38,11 +38,11 @@
 <script lang="ts" setup>
 import { getMainCategory, getSubCategory } from '@/api/common'
 import { postTaskRequest } from '@/api/user'
+import { EXPLANATION_PLACEHOLDER, TITLE_PLACEHOLDER } from '@/constants/user'
 import type { MainCategoryTypes, SubCategoryTypes } from '@/types/common'
 import { onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import FormButtonContainer from '../common/FormButtonContainer.vue'
-import ModalView from '../ModalView.vue'
 import CategoryDropDown from './CategoryDropDown.vue'
 import RequestTaskFileInput from './RequestTaskFileInput.vue'
 import RequestTaskInput from './RequestTaskInput.vue'
@@ -74,6 +74,23 @@ watch(category1, async newValue => {
   )
 })
 
+const mainCategoryArr = ref<MainCategoryTypes[]>([])
+const subCategoryArr = ref<SubCategoryTypes[]>([])
+const afterSubCategoryArr = ref<SubCategoryTypes[]>([])
+
+onMounted(async () => {
+  mainCategoryArr.value = await getMainCategory()
+  subCategoryArr.value = await getSubCategory()
+  afterSubCategoryArr.value = await getSubCategory()
+})
+
+watch(category1, async newValue => {
+  category2.value = null
+  afterSubCategoryArr.value = subCategoryArr.value.filter(
+    subCategory => subCategory.mainCategoryId === newValue?.id
+  )
+})
+
 const router = useRouter()
 
 const handleCancel = () => {
@@ -96,7 +113,7 @@ const handleSubmit = async () => {
   }
   const formData = new FormData()
   const taskInfo = {
-    categoryId: category2.value.id,
+    categoryId: category2.value?.id,
     title: title.value,
     description: description.value
   }
@@ -111,7 +128,6 @@ const handleSubmit = async () => {
   }
   try {
     const res = await postTaskRequest(formData)
-    isModalVisible.value = true
     console.error('요청 성공:', res)
   } catch (error) {
     console.error('요청 실패:', error)
diff --git a/src/types/common.ts b/src/types/common.ts
index 80574efa..ca389d58 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -96,6 +96,7 @@ export interface CategoryDropdownProps {
   placeholderText: string
   options: MainCategoryTypes[] | SubCategoryTypes[]
   labelName: string
-  modelValue: string
+  modelValue: MainCategoryTypes | SubCategoryTypes | null
   isLabel?: boolean
+  isDisabled?: boolean
 }

From d6b475b00f22aa1f9ec77023c9324e2b2a367e89 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sun, 2 Feb 2025 02:19:43 +0900
Subject: [PATCH 21/28] =?UTF-8?q?:recycle:=20[refactor]=20:=201,2=EC=B0=A8?=
 =?UTF-8?q?=20=EC=B9=B4=ED=85=8C=EA=B3=A0=EB=A6=AC=20=ED=83=80=EC=9E=85=20?=
 =?UTF-8?q?=EC=84=A0=EC=96=B8=20=EB=B0=8F=20=EC=9C=84=EC=B9=98=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/types/common.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/types/common.ts b/src/types/common.ts
index ca389d58..80574efa 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -96,7 +96,6 @@ export interface CategoryDropdownProps {
   placeholderText: string
   options: MainCategoryTypes[] | SubCategoryTypes[]
   labelName: string
-  modelValue: MainCategoryTypes | SubCategoryTypes | null
+  modelValue: string
   isLabel?: boolean
-  isDisabled?: boolean
 }

From 81bb0ca0b39ab772dd8cf6481b4eae681137efb4 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Sun, 2 Feb 2025 03:11:02 +0900
Subject: [PATCH 22/28] =?UTF-8?q?:sparkles:=20[feat]=20:=20=EC=9A=94?=
 =?UTF-8?q?=EC=B2=AD=20=EC=83=9D=EC=84=B1=20api=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/types/common.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/types/common.ts b/src/types/common.ts
index 80574efa..ca389d58 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -96,6 +96,7 @@ export interface CategoryDropdownProps {
   placeholderText: string
   options: MainCategoryTypes[] | SubCategoryTypes[]
   labelName: string
-  modelValue: string
+  modelValue: MainCategoryTypes | SubCategoryTypes | null
   isLabel?: boolean
+  isDisabled?: boolean
 }

From 6404730d7be9fb08eaf7399c2da857c8a2fa8757 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Sun, 2 Feb 2025 21:08:37 +0900
Subject: [PATCH 23/28] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20[refactor]=20:=20?=
 =?UTF-8?q?=EC=97=AD=ED=95=A0=20=EB=B3=80=EC=88=98=EC=97=90=20=EB=94=B0?=
 =?UTF-8?q?=EB=A5=B8=20=EA=B0=92=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue
index 5641e806..80a1dc20 100644
--- a/src/components/SideBar.vue
+++ b/src/components/SideBar.vue
@@ -84,9 +84,9 @@ const name = computed(() => info.value.memberName)
 const nickname = computed(() => info.value.nickname)
 
 const filteredMenu = computed(() => {
-  return role.value === 'user'
+  return role.value === 'ROLE_USER'
     ? SIDE_USER_MENU
-    : role.value === 'manager'
+    : role.value === 'ROLE_MANAGER'
       ? SIDE_MANAGER_MENU
       : SIDE_ADMIN_MENU
 })

From 1bb1826df19211133aaf80d2886bd370ae441c60 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Sun, 2 Feb 2025 23:39:33 +0900
Subject: [PATCH 24/28] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20[refactor]=20:=20?=
 =?UTF-8?q?=EC=82=AC=EC=9A=A9=ED=95=98=EC=A7=80=20=EC=95=8A=EB=8A=94=20?=
 =?UTF-8?q?=EA=B0=92=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/stores/member.ts | 2 --
 src/types/auth.ts    | 1 -
 2 files changed, 3 deletions(-)

diff --git a/src/stores/member.ts b/src/stores/member.ts
index 97039ee9..07eeb21a 100644
--- a/src/stores/member.ts
+++ b/src/stores/member.ts
@@ -6,7 +6,6 @@ import Cookies from 'js-cookie'
 
 export const useMemberStore = defineStore('memberInfo', () => {
   const info = ref<User>({
-    memberId: 0,
     memberName: '',
     nickname: '',
     imageUrl: '',
@@ -38,7 +37,6 @@ export const useMemberStore = defineStore('memberInfo', () => {
 
   function updateMemberInfo(responseData: any) {
     info.value = {
-      memberId: 0,
       memberName: responseData.name || '',
       nickname: responseData.nicknanme || '',
       imageUrl: responseData.profileImageUrl || '',
diff --git a/src/types/auth.ts b/src/types/auth.ts
index 2af35891..276cf384 100644
--- a/src/types/auth.ts
+++ b/src/types/auth.ts
@@ -6,7 +6,6 @@ export interface UserTypes {
 }
 
 export interface User {
-  memberId: number
   memberName: string
   nickname: string
   imageUrl: string

From 9e766110160b888d36f801bcb745a77418040206 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Sun, 2 Feb 2025 23:44:36 +0900
Subject: [PATCH 25/28] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20[refactor]=20:=20?=
 =?UTF-8?q?=ED=86=A0=ED=81=B0=20axios=ED=8C=8C=EC=9D=BC=EC=97=90=EC=84=9C?=
 =?UTF-8?q?=20=EC=B2=98=EB=A6=AC=EB=90=98=EB=AF=80=EB=A1=9C=20=EB=B6=88?=
 =?UTF-8?q?=ED=95=84=EC=9A=94=ED=95=98=EC=97=AC=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/stores/member.ts | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

diff --git a/src/stores/member.ts b/src/stores/member.ts
index 07eeb21a..ab586039 100644
--- a/src/stores/member.ts
+++ b/src/stores/member.ts
@@ -15,18 +15,7 @@ export const useMemberStore = defineStore('memberInfo', () => {
 
   async function updateMemberInfoWithToken() {
     try {
-      const accessToken = Cookies.get('accessToken')
-
-      if (!accessToken) {
-        console.error('Access token error')
-        return
-      }
-
-      const response = await axiosInstance.get('/api/members/info', {
-        headers: {
-          Authorization: `Bearer ${accessToken}`
-        }
-      })
+      const response = await axiosInstance.get('/api/members/info')
 
       console.log('API Response:', response.data)
       updateMemberInfo(response.data)

From 6ccd304b98e641525f98f4b90da33941a6be6057 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Sun, 2 Feb 2025 23:51:56 +0900
Subject: [PATCH 26/28] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20[refactor]=20:=20?=
 =?UTF-8?q?=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20=EC=98=88=EC=99=B8?=
 =?UTF-8?q?=EC=B2=98=EB=A6=AC=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/auth.ts | 52 ++++++++++++++++++++-----------------------------
 1 file changed, 21 insertions(+), 31 deletions(-)

diff --git a/src/api/auth.ts b/src/api/auth.ts
index a5baf222..89412849 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -7,41 +7,31 @@ export const postLogin = async (nickname: string, password: string) => {
     password: password
   }
   const sessionIdValue = '123'
-  try {
-    const response = await axiosInstance.post('/api/auths/login', body, {
-      headers: {
-        sessionId: sessionIdValue
-      }
-    })
-
-    Cookies.set('accessToken', response.data.accessToken, {
-      path: '/',
-      sameSite: 'strict'
-    })
-
-    return response.data
-  } catch (error) {
-    console.error('로그인 오류:', error)
-    throw error
-  }
+
+  const response = await axiosInstance.post('/api/auths/login', body, {
+    headers: {
+      sessionId: sessionIdValue
+    }
+  })
+
+  Cookies.set('accessToken', response.data.accessToken, {
+    path: '/',
+    sameSite: 'strict'
+  })
+
+  return response.data
 }
 
 export const patchPassword = async (password: string) => {
   const accessToken = Cookies.get('accessToken')
 
-  if (!accessToken) {
-    console.error('Access token is missing')
-    return
-  }
+  if (!accessToken) return
 
-  try {
-    const response = await axiosInstance.patch('/api/members/password', password, {
-      headers: {
-        Authorization: `Bearer ${accessToken}`
-      }
-    })
-    return response.data
-  } catch (error) {
-    console.log('api error:', error)
-  }
+  const response = await axiosInstance.patch('/api/members/password', password, {
+    headers: {
+      Authorization: `Bearer ${accessToken}`
+    }
+  })
+
+  return response.data
 }

From de257f76bbef656b2becc81b5de3740a563ebbd0 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Mon, 3 Feb 2025 00:14:44 +0900
Subject: [PATCH 27/28] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20[refactor]=20:=20req?=
 =?UTF-8?q?uest=20body=20=EC=B6=94=EA=B0=80=20=EB=B0=8F=20=ED=83=80?=
 =?UTF-8?q?=EC=9E=85=20=EC=84=A0=EC=96=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/auth.ts         | 17 ++++-------------
 src/types/auth.ts       |  5 +++++
 src/views/LoginView.vue |  7 ++++++-
 3 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/api/auth.ts b/src/api/auth.ts
index 89412849..bafbad6c 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -1,24 +1,15 @@
 import { axiosInstance } from '@/utils/axios'
 import Cookies from 'js-cookie'
+import type { loginDataTypes } from '@/types/auth'
 
-export const postLogin = async (nickname: string, password: string) => {
-  const body = {
-    nickname: nickname,
-    password: password
-  }
-  const sessionIdValue = '123'
-
-  const response = await axiosInstance.post('/api/auths/login', body, {
-    headers: {
-      sessionId: sessionIdValue
-    }
+export const postLogin = async (loginData: loginDataTypes, sessionId: string) => {
+  const response = await axiosInstance.post('/api/auths/login', loginData, {
+    headers: { sessionId: sessionId }
   })
-
   Cookies.set('accessToken', response.data.accessToken, {
     path: '/',
     sameSite: 'strict'
   })
-
   return response.data
 }
 
diff --git a/src/types/auth.ts b/src/types/auth.ts
index 276cf384..6a1bd51a 100644
--- a/src/types/auth.ts
+++ b/src/types/auth.ts
@@ -12,3 +12,8 @@ export interface User {
   memberRole: string
   memberStatus: string
 }
+
+export interface loginDataTypes {
+  nickname: string
+  password: string
+}
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index caf6bfaa..1dd39baf 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -56,7 +56,12 @@ const password = ref('')
 
 const handleLogin = async () => {
   try {
-    const res = await postLogin(nickname.value, password.value)
+    const loginData = {
+      nickname: nickname.value,
+      password: password.value
+    }
+    const sessionId = '000'
+    const res = await postLogin(loginData, sessionId)
 
     if (res) {
       switch (res.memberInfo.memberRole) {

From 008fa115332fa12922ba5f3d52a9671b11399555 Mon Sep 17 00:00:00 2001
From: jiyeon <bjyy0201@gmail.com>
Date: Mon, 3 Feb 2025 00:14:56 +0900
Subject: [PATCH 28/28] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20[refactor]=20:=20?=
 =?UTF-8?q?=EB=B6=88=ED=95=84=EC=9A=94=20=EC=BD=94=EB=93=9C=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/stores/member.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/stores/member.ts b/src/stores/member.ts
index ab586039..e1faef45 100644
--- a/src/stores/member.ts
+++ b/src/stores/member.ts
@@ -2,7 +2,6 @@ import { defineStore } from 'pinia'
 import { axiosInstance } from '@/utils/axios'
 import { ref } from 'vue'
 import type { User } from '@/types/auth'
-import Cookies from 'js-cookie'
 
 export const useMemberStore = defineStore('memberInfo', () => {
   const info = ref<User>({