[QCAST] promisePatch 추가 및 promise 사용 부분(가입, 비밀번호변경, 파일다운로드 등) 적용

src/components/auth/Join.jsx

@@ -7,7 +7,7 @@ import Cookies from 'js-cookie'
 
 export default function Join() {
   const { getMessage } = useMessage()
-  const { post } = useAxios()
+  const { promisePost } = useAxios()
   const router = useRouter()
 
   // 가입 신청
@@ -34,7 +34,8 @@ export default function Join() {
       },
     }
 
-    await post({ url: '/api/login/v1.0/user/join', data: param }).then((res) => {
+    await promisePost({ url: '/api/login/v1.0/user/join', data: param })
+      .then((res) => {
         if (res) {
           if (res.result.resultCode == 'S') {
             Cookies.set('joinEmail', formData.get('email'), { expires: 1 })
@@ -44,6 +45,9 @@ export default function Join() {
           }
         }
       })
+      .catch((error) => {
+        alert(error.response.data.message)
+      })
   }
 
   return (

src/components/auth/Login.jsx

@@ -34,7 +34,7 @@ export default function Login() {
 
   const [passwordReset, setPasswordReset] = useState(1)
 
-  const { post, patch } = useAxios(globalLocaleState)
+  const { promisePost, promisePatch } = useAxios(globalLocaleState)
 
   // login process
   const loginProcess = async (e) => {
@@ -88,26 +88,27 @@ export default function Login() {
     //   loginId: formData.get('id'),
     //   pwd: formData.get('password'),
     // }
-
+    // await promisePost({ url: '/api/login/v1.0/login', data: param })
-    // const res = await post({ url: '/api/login/v1.0/login', data: param })
+    //   .then((res) => {
-
     //     if (res) {
     //       if (res.result.resultCode == 'S') {
     //         setSession(res.data)
     //         setSessionState(res.data)
-
     //         // ID SAVE 체크되어 있는 경우, 쿠키 저장
     //         if (chkLoginId) {
     //           Cookies.set('chkLoginId', formData.get('id'), { expires: 7 })
     //         } else {
     //           Cookies.remove('chkLoginId')
     //         }
-
     //         router.push('/')
     //       } else {
     //         alert(res.result.resultMsg)
     //       }
     //     }
+    //   })
+    //   .catch((error) => {
+    //     alert(error.response.data.message)
+    //   })
   }
 
   // 비밀번호 초기화 관련
@@ -117,11 +118,11 @@ export default function Login() {
       email: checkEmail,
     }
 
-    const res = await patch({
+    await promisePatch({
       url: '/api/login/v1.0/user/init-password',
       data: param,
     })
-
+      .then((res) => {
         if (res) {
           if (res.result.resultCode == 'S') {
             alert(getMessage('login.init_password.complete_message'))
@@ -132,6 +133,10 @@ export default function Login() {
             alert(res.result.resultMsg)
           }
         }
+      })
+      .catch((error) => {
+        alert(error.response.data.message)
+      })
   }
 
   return (

src/components/myInfo/UserInfoModal.jsx

@@ -8,7 +8,7 @@ export default function UserInfoModal({ userId, userInfoModal, setUserInfoModal
   const { getMessage } = useMessage()
 
   // api 조회 관련
-  const { get, patch } = useAxios()
+  const { get, promisePatch } = useAxios()
   const [info, setInfo] = useState({
     userId: '',
     password: '',
@@ -69,7 +69,8 @@ export default function UserInfoModal({ userId, userInfoModal, setUserInfoModal
 
     const params = { loginId: info.userId, chgType: 'C', pwd: password, chgPwd: chgPwd }
 
-    await patch({ url: '/api/login/v1.0/user/change-password', data: params }).then((res) => {
+    await promisePatch({ url: '/api/login/v1.0/user/change-password', data: params })
+      .then((res) => {
         if (res) {
           if (res.result.resultCode === 'S') {
             alert(getMessage('myinfo.message.save'))
@@ -79,6 +80,9 @@ export default function UserInfoModal({ userId, userInfoModal, setUserInfoModal
           }
         }
       })
+      .catch((error) => {
+        alert(error.response.data.message)
+      })
   }
 
   return (

src/hooks/useAxios.js

@@ -80,6 +80,10 @@ export function useAxios(lang = '') {
       .catch(console.error)
   }
 
+  const promisePatch = async ({ url, data }) => {
+    return await getInstances(url).patch(url, data)
+  }
+
   const del = async ({ url }) => {
     return await getInstances(url)
       .delete(url)
@@ -91,5 +95,5 @@ export function useAxios(lang = '') {
     return await getInstances(url).delete(url)
   }
 
-  return { get, promiseGet, post, promisePost, put, promisePut, patch, del, promiseDel }
+  return { get, promiseGet, post, promisePost, put, promisePut, patch, promisePatch, del, promiseDel }
 }

src/util/board-utils.js

@@ -2,15 +2,15 @@ import { useAxios } from '@/hooks/useAxios'
 
 // 파일 다운로드
 export const handleFileDown = async (file) => {
-  const { get } = useAxios()
+  const { promiseGet } = useAxios()
 
   const url = `/api/board/file/download`
   const params = new URLSearchParams({
     encodeFileNo: file.encodeFileNo,
   })
   const apiUrl = `${url}?${params.toString()}`
-  const resultData = await get({ url: apiUrl })
+  await promiseGet({ url: apiUrl })
-
+    .then((resultData) => {
       if (resultData) {
         const blob = new Blob([resultData])
         const fileUrl = window.URL.createObjectURL(blob)
@@ -23,6 +23,10 @@ export const handleFileDown = async (file) => {
         link.remove()
         window.URL.revokeObjectURL(url)
       }
+    })
+    .catch((error) => {
+      alert(error.response.data.message)
+    })
 }
 
 // 페이지 번호 생성