[Fix] MIME type 상수화

components/agenda/Form/SubmitAgendaForm.tsx

@@ -2,6 +2,8 @@ import { NextRouter } from 'next/router';
 import { SetterOrUpdater } from 'recoil';
 import { agendaModal } from 'types/agenda/modalTypes';
 import { instanceInAgenda } from 'utils/axios';
+import MIME_TYPE from 'constants/common/mimeType';
+
 function agendadataToMsg(data: FormData, isEdit: boolean) {
   let msg = '';
   msg += '행사 제목 : ' + data.get('agendaTitle') + '\n';
@@ -88,8 +90,8 @@ const SubmitAgendaForm = async (
   }
   if (
     poster.size != 0 &&
-    poster.type !== 'image/jpeg' &&
-    poster.type !== 'image/jpg'
+    poster.type !== MIME_TYPE.JPEG &&
+    poster.type !== MIME_TYPE.JPG
   ) {
     errMsg = 'jpg, jpeg 파일만 업로드 가능합니다.\n';
     document.getElementById('agendaPoster')?.focus();

components/takgu/modal/admin/AdminEditItem.tsx

@@ -6,6 +6,7 @@ import { Item } from 'types/takgu/itemTypes';
 import { instanceInManage } from 'utils/axios';
 import { modalState } from 'utils/recoil/takgu/modal';
 import { toastState } from 'utils/recoil/toast';
+import MIME_TYPE from 'constants/common/mimeType';
 import useUploadImg from 'hooks/useUploadImg';
 import styles from 'styles/admin/takgu/modal/AdminEditItem.module.scss';
 
@@ -70,14 +71,11 @@ export default function AdminEditItemModal(item: Item) {
     formData.append(
       'updateItemInfo',
       new Blob([JSON.stringify(data)], {
-        type: 'application/json',
+        type: MIME_TYPE.JSON,
       })
     );
     if (imgData) {
-      formData.append(
-        'imgData',
-        new Blob([imgData], { type: 'image/takgu/jpeg' })
-      );
+      formData.append('imgData', new Blob([imgData], { type: MIME_TYPE.JPEG }));
     }
 
     mutation.mutate(formData, {

components/takgu/modal/admin/AdminProfileModal.tsx

@@ -6,6 +6,7 @@ import { racketTypes } from 'types/takgu/userTypes';
 import { instanceInManage } from 'utils/axios';
 import { modalState } from 'utils/recoil/takgu/modal';
 import { toastState } from 'utils/recoil/toast';
+import MIME_TYPE from 'constants/common/mimeType';
 import useUploadImg from 'hooks/useUploadImg';
 import styles from 'styles/admin/takgu/modal/AdminProfile.module.scss';
 
@@ -89,14 +90,11 @@ export default function AdminProfileModal(props: { intraId: string }) {
     formData.append(
       'updateUserInfo',
       new Blob([JSON.stringify(data)], {
-        type: 'application/json',
+        type: MIME_TYPE.JSON,
       })
     );
     if (imgData) {
-      formData.append(
-        'imgData',
-        new Blob([imgData], { type: 'image/takgu/jpeg' })
-      );
+      formData.append('imgData', new Blob([imgData], { type: MIME_TYPE.JPEG }));
     }
     try {
       const res = await instanceInManage.put(

components/takgu/modal/store/inventory/ProfileImageModal.tsx

@@ -8,6 +8,7 @@ import { UseItemData } from 'types/takgu/inventoryTypes';
 import { instance, isAxiosError } from 'utils/axios';
 import { errorState } from 'utils/recoil/error';
 import { modalState } from 'utils/recoil/takgu/modal';
+import MIME_TYPE from 'constants/common/mimeType';
 import { ITEM_ALERT_MESSAGE } from 'constants/takgu/store/itemAlertMessage';
 import {
   ModalButtonContainer,
@@ -83,12 +84,12 @@ export default function ProfileImageModal({
       formData.append(
         'userProfileImageRequestDto',
         new Blob([JSON.stringify({ receiptId: receiptId })], {
-          type: 'application/json',
+          type: MIME_TYPE.JSON,
         })
       );
       formData.append(
         'profileImage',
-        new Blob([imgData], { type: 'image/takgu/jpeg' })
+        new Blob([imgData], { type: MIME_TYPE.JPEG })
       );
       await instance.post('/pingpong/users/profile-image', formData);
       queryClient.invalidateQueries('user');
@@ -140,7 +141,7 @@ export default function ProfileImageModal({
               )}
               <input
                 type='file'
-                accept='image/takgu/jpeg'
+                accept={MIME_TYPE.JPEG}
                 style={{ display: 'none' }}
                 onChange={uploadImg}
               />

constants/common/mimeType.ts

@@ -0,0 +1,7 @@
+const MIME_TYPE = Object.freeze({
+  JPEG: 'image/jpeg' as const,
+  JSON: 'application/json' as const,
+  JPG: 'image/jpg' as const,
+});
+
+export default MIME_TYPE;

hooks/useUploadImg.ts

@@ -2,6 +2,7 @@ import imageCompression from 'browser-image-compression';
 import { ChangeEvent, useEffect, useState } from 'react';
 import { useSetRecoilState } from 'recoil';
 import { toastState } from 'utils/recoil/toast';
+import MIME_TYPE from 'constants/common/mimeType';
 
 interface ICompressProps {
   maxSizeMB: number;
@@ -25,7 +26,7 @@ export default function useUploadImg({
     const options = {
       maxSizeMB: maxSizeMB,
       maxWidthOrHeight: maxWidthOrHeight,
-      filetype: 'image/takgu/jpeg',
+      filetype: MIME_TYPE.JPEG,
       useWebWorker: true,
     };
     try {