fix : formData 가져오는 과정에서 worktime이 읽어지지 않는 문제 해결

- worktime을 배열로 받아와서 쉼표로 자르는 부분을 추가함

ref : #18

package.json

@@ -7,7 +7,8 @@
     "dev": "vite",
     "build": "vite build",
     "lint": "eslint .",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "start": "PORT=8080 react-scripts start"
   },
   "dependencies": {
     "@reduxjs/toolkit": "^2.3.0",

src/api/index.js

@@ -1,10 +1,11 @@
 import { verifyCEOAPI, signupUserAPI, signupCEOAPI } from "./signupAPI";
 import { loginAPI } from "./loginAPI";
-import{} from "./postingAPI";
+import{ postJobPosting } from "./postingAPI";
 
 export {
   verifyCEOAPI, // 사업자 인증 API
   signupUserAPI, // 일반유저 회원가입 API
   signupCEOAPI, // 사업자유저 회원가입 API
   loginAPI, // 로그인 API
+  postJobPosting,
 };

src/api/postingAPI.js

@@ -1,53 +1,49 @@
 import { privateAxios } from "../utils/customAxios";  
 
 export const postJobPosting = async (accessToken, dispatch, formData) => {
-    const { doName, siName, detailName } = formData.workLocation;
-    const [startHour, startMinute] = formData.workTime.start.split(":").map(Number);
-    const [endHour, endMinute] = formData.workTime.end.split(":").map(Number);
-    const workDays = formData.workDays.join(", ");
+    const { workLocation = "" } = formData;
+    const [doName = "", siName = "", detailName = ""] = workLocation.split(" ");
+    const { start = "09:00", end = "18:00" } = formData.workTime || {};
 
+    const [startHour, startMinute] = start.split(":").map(Number);
+    const [endHour, endMinute] = end.split(":").map(Number);
     const body = {
-        postId: 0,
-        userId: 1,
-        storeName: formData.storeName,
-        postData: {
-            doName,
-            siName,
-            detailName,
-            workType: formData.workTags[0] || "기타",
-            title: formData.title,
-            content: formData.description,
-            pay: parseInt(formData.pay, 10),
-            workStartHour: startHour,
-            workStartMinute: startMinute,
-            workEndHour: endHour,
-            workEndTimeMinute: endMinute,
-            isNegotiable: formData.isNegotiable || false,
-            applyNumber: formData.applyNumber,
-            workDays,
-            isShortTermJob: formData.workPeriod === "단기",
-            payType: formData.payType,
-            isNumberPublic: formData.isNumberPublic,
-            imageList: [""],  // 일단 이미지는 빈 배열로 냅둠
-        },
+      postId: 0,
+      userId: 1,
+      storeName: formData.storeName,
+      postData: {
+        doName,
+        siName,
+        detailName,
+        workType: Array.isArray(formData.workTags) && formData.workTags.length > 0 ? formData.workTags[0] : "기타",
+        title: formData.title,
+        content: formData.description,
+        pay: parseInt(formData.pay, 10),
+        workStartHour: startHour,
+        workStartMinute: startMinute,
+        workEndHour: endHour,
+        workEndTimeMinute: endMinute,
+        isNegotiable: formData.isNegotiable || false,
+        applyNumber: formData.applyNumber,
+        workDays: formData.workDays,
+        isShortTermJob: formData.workPeriod === "단기",
+        payType: formData.payType,
+        isNumberPublic: formData.isNumberPublic,
+        imageList: [""],
+      },
     };
-
-    const response = {
-        isSuccess: false,
-        message: "",
-    };
-
+
+    const response = { isSuccess: false, message: "" };
+
     try {
-        // 서버로 API 호출
-        const result = await privateAxios(accessToken, dispatch).post("/post", body);
-
-        if (result.status === 200) {
+      const result = await privateAxios(accessToken, dispatch).post("/post", body);
+      if (result.status === 200) {
         response.isSuccess = true;
         response.message = result.data.message;
-        }
+      }
     } catch (error) {
-        response.message = error.message;
+      response.message = error.message;
     }
-
+  
     return response;
-};
+  };  

src/pages/home/Home.jsx

@@ -88,7 +88,7 @@ function Home() {
           <div className="header-icons">
             <IconUserCircle onClick={() => navigate("/mypage")} />
             {userType === "CEO" && (
-              <IconPencilPlus onClick={() => navigate("/post")} />
+              <IconPencilPlus onClick={() => navigate("/posting")} />
             )}
           </div>
         </HeaderMenuContainer>

src/pages/recruitment/Posting.jsx

@@ -4,8 +4,8 @@ import {InputField,Tag,Toggle,WeekdayPicker,WorkTimePicker,PayPicker,AddressInpu
 import "../../styles/posting/Posting.css";
 import { POSTING_UPMU_TAG } from "../../constants";
 
-import { postJobPosting } from "../../api";
-import { getAccessToken } from "../../utils/getAccessToken"; 
+import  {postJobPosting}  from "../../api";
+import  getAccessToken  from "../../utils/getAccessToken"; 
 import { useDispatch } from "react-redux"; 
 
 const Posting = () => {
@@ -131,17 +131,20 @@ const Posting = () => {
   };
   const dispatch = useDispatch(); 
   const accessToken = getAccessToken();
-
+  console.log("Access Token:", accessToken);
+
   const handleSubmit = async () => {
     const allValid = Object.values(validStates).every((isValid) => isValid);
     if (!allValid) {
       alert("모든 필드를 올바르게 입력해주세요.");
       return;
     }
-    
+
     const payload = createPayload(); // payload 생성
     if (!validateForm(payload, formData)) return; // 유효성 검사 실패 시 중단
-
+    if (!validateForm(payload, formData)) return;
+    postJobPosting(accessToken, dispatch, formData).then((response) => {
+    });
     // API 호출
     const response = await postJobPosting(accessToken, dispatch, payload.postData);
     if (response.isSuccess) {

vite.config.js

@@ -4,4 +4,7 @@ import react from '@vitejs/plugin-react'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-})
+  server: {
+    port: 8080, // 원하는 포트 번호를 설정
+  },
+})