feat: 직업 정보 props로 받아오도록 수정

Author: 봄

src/common/component/JobDropDown/JobDropDown.tsx

@@ -36,7 +36,7 @@ const JobDropDown = () => {
         <IcDropdown className={dropdownIcon({ state })} />
       </button>
 
-      {isOpen && <JobList selectedJob={selectedJob} onSelect={handleJob} />}
+      {isOpen && <JobList jobList={JOB_LIST} selectedJob={selectedJob} onSelect={handleJob} />}
       {isTextOpen && <input placeholder="정보를 입력해주세요" className={textContainer} />}
     </>
   );

src/common/component/JobDropDown/JobList.tsx

@@ -1,16 +1,16 @@
 import { listContainer, listItem, listText } from '@/common/component/JobDropDown/JobList.css';
-import { JOB_LIST } from '@/common/component/JobDropDown/constants/job';
 import type { JobType, JobValue } from '@/common/component/JobDropDown/constants/job';
 
 type JobProps = {
+  jobList: JobType[];
   selectedJob: JobValue;
   onSelect: (type: JobType) => void;
 };
 
-const JobList = ({ selectedJob, onSelect }: JobProps) => {
+const JobList = ({ jobList, selectedJob, onSelect }: JobProps) => {
   return (
     <div className={listContainer}>
-      {JOB_LIST.map((job: JobType) => {
+      {jobList.map((job: JobType) => {
         const state = selectedJob === job ? 'selected' : 'default';
 
         return (

src/common/component/JobDropDown/constants/job.ts

@@ -7,7 +7,7 @@ export const JOB_LIST = [
   { id: 6, job: '사업가' },
   { id: 7, job: '운동선수' },
   { id: 8, job: '기타 (직접 작성)' },
-] as const;
+];
 
 export const PLACE_HOLDER = '직업을 선택하세요' as const;