🐛 fix : 공고 수정 시 api 명세 변경으로 인한 자동 입력 누락 수정 #127

src/components/Employer/PostCreate/Step2.tsx

@@ -33,7 +33,7 @@ const Step2 = ({
     handleAddressSearch, // 검색할 주소 입력 시 실시간 검색
     handleAddressSelect, // 검색 결과 중 원하는 주소를 선택할 시 state에 입력
     setAddressInput,
-  } = useAddressSearch();
+  } = useAddressSearch(postInfo.body.address);
 
   const handleAddressSelection = (selectedAddressName: string) => {
     const result = handleAddressSelect(selectedAddressName);

src/hooks/api/useAddressSearch.ts

@@ -1,5 +1,6 @@
 import { useSearchAddress } from '@/hooks/api/useKaKaoMap';
 import { Document, AddressType, GeoPosition } from '@/types/api/map';
+import { Address } from '@/types/postCreate/postCreate';
 import { pick } from '@/utils/map';
 import { Dispatch, SetStateAction, useCallback, useState } from 'react';
 
@@ -27,14 +28,18 @@ interface UseAddressSearchReturn {
   setCurrentGeoInfo: Dispatch<SetStateAction<GeoPosition>>;
 }
 
-export const useAddressSearch = (): UseAddressSearchReturn => {
-  const [addressInput, setAddressInput] = useState('');
+export const useAddressSearch = (
+  addressBeforeEdit?: Address,
+): UseAddressSearchReturn => {
+  const [addressInput, setAddressInput] = useState(
+    addressBeforeEdit?.address_name || '',
+  );
   const [addressSearchResult, setAddressSearchResult] = useState<Document[]>(
     [],
   );
   const [currentGeoInfo, setCurrentGeoInfo] = useState({
-    lat: 0,
-    lon: 0,
+    lat: addressBeforeEdit?.latitude || 0,
+    lon: addressBeforeEdit?.longitude || 0,
   });
 
   const { searchAddress } = useSearchAddress({

src/pages/Employer/Post/EmployerEditPostPage.tsx

@@ -20,7 +20,7 @@ const EmployerEditPostPage = () => {
   const { isEdit } = location.state || {};
   const { id } = useParams();
   const { currentPostId } = useCurrentPostIdStore();
-  console.log(currentPostId)
+  console.log(currentPostId);
   const [currentStep, setCurrentStep] = useState(1);
   const [postInfo, setPostInfo] = useState<JobPostingForm>(
     initialJobPostingState,
@@ -56,8 +56,15 @@ const EmployerEditPostPage = () => {
       work_period: serverData.working_conditions.work_period,
       hourly_rate: serverData.working_conditions.hourly_rate,
       employment_type: serverData.working_conditions.employment_type,
-      address: {...postInfo.body.address, address_name: serverData.company_information.company_address},
-      recruitment_dead_line: serverData.recruitment_conditions.recruitment_deadline,
+      address: {
+        ...postInfo.body.address,
+        address_name: serverData.workplace_information.main_address,
+        latitude: serverData.workplace_information.latitude,
+        longitude: serverData.workplace_information.longitude,
+        address_detail: serverData.workplace_information.detailed_address,
+      },
+      recruitment_dead_line:
+        serverData.recruitment_conditions.recruitment_deadline,
       recruitment_number: serverData.recruitment_conditions.number_of_recruits,
       gender: serverData.recruitment_conditions.gender,
       age_restriction: initialJobPostingState.body.age_restriction,
@@ -107,7 +114,7 @@ const EmployerEditPostPage = () => {
               length={5}
               currentStep={currentStep}
               mainColor="#1E1926"
-              textColor='#FFFFFF'
+              textColor="#FFFFFF"
             />
           </div>
           <div className="w-full flex justify-center px-6">