refactor: saveTemporary 함수를 컴포넌트에서 분리

- 스터디와 모집 공고 두 경우에서 전부 사용할 수 있음
- 컴포넌트 밖으로 함수를 분리하여 렌덜이 성능 개선 및 기능 분리

src/Pages/CreateRecruitment/page.tsx

@@ -31,6 +31,7 @@ import Modal from '@/Components/Common/Modal';
 import StackModal from '@/Components/Modal/StackModal';
 import { Label } from '@/Components/Selectbox/SelectBox';
 import { useSelectDefaultValue } from '@/Hooks/recruitments/useSelectDefaultValue';
+import { saveTemporary } from '@/utils/temporarySavedUtils';
 
 const DEF_VAL = 'ex. Typescript';
 
@@ -89,12 +90,6 @@ const CreateRecruitmentPage = () => {
 
   const data = watch();
 
-  const saveTemporary = (savedKey: string) => {
-    if (savedKey.length > 0) localStorage.removeItem(savedKey);
-    const newSavedKey = `RECRUITMENT-${studyId}-${uuidv1()}`;
-    localStorage.setItem(newSavedKey, JSON.stringify({ ...data, stackIds: selectedStacks }));
-  };
-
   const [isOpen, setIsOpen] = useState<boolean>(false);
   const [selectedStacks, setSelectedStacks] = useState<StackType[] | null>(null);
   const [content, setContent] = useState(DEF_VAL);
@@ -113,7 +108,7 @@ const CreateRecruitmentPage = () => {
         <Modal
           handleApprove={() => {
             closeModal();
-            saveTemporary(savedKey);
+            saveTemporary(savedKey, 'RECRUITMENT', { ...data, stackIds: selectedStacks });
           }}
           cancelBtnText="취소하기"
           title="작성 중인 스터디 생성 글을 임시 저장 하시겠습니까?"

src/utils/temporarySavedUtils.ts

@@ -0,0 +1,5 @@
+export const saveTemporary = (savedKey: string, type: 'STUDY' | 'RECRUITMENT', data: unknown) => {
+  if (savedKey.length > 0) localStorage.removeItem(savedKey);
+  const newSavedKey = `${type}-${studyId}-${uuidv1()}`;
+  localStorage.setItem(newSavedKey, JSON.stringify(data));
+};