배치 api 파라미터 패턴 변경 수정

src/components/Playground.jsx

@@ -23,6 +23,8 @@ import QInput from './common/input/Qinput'
 import QSelect from './common/select/QSelect'
 import QPagination from './common/pagination/QPagination'
 
+import { trestleRequestModels, constructionRequestModels, trestleDetailRequestModels } from '@/models/apiModels'
+
 export default function Playground() {
   const [useCadFile, setUseCadFile] = useRecoilState(useCadFileState)
   const [cadFileName, setCadFileName] = useRecoilState(cadFileNameState)
@@ -48,8 +50,51 @@ export default function Playground() {
 
   const [users, setUsers] = useState([])
 
+  const [trestleRequestData, setTrestleRequestData] = useState(trestleRequestModels)
+  const [constructionRequestData, setConstructionRequestData] = useState(constructionRequestModels)
+  const [trestleDetailRequestData, setTrestleDetailRequestData] = useState(trestleDetailRequestModels)
+
   useEffect(() => {
     console.log('textInput:', textInput)
+    setTrestleRequestData({
+      moduleTpCd: 'testData_1',
+      roofMatlCd: '',
+      raftBaseCd: 'testData_2',
+      trestleMkrCd: 'testData_3',
+      constMthdCd: '',
+      roofBaseCd: 'testData_4',
+    })
+
+    setConstructionRequestData({
+      moduleTpCd: 'testData_1',
+      roofMatlCd: 'testData_2',
+      trestleMkrCd: 'testData_3',
+      constMthdCd: 'testData_4',
+      roofBaseCd: 'testData_5',
+      illuminationTp: 'testData_6',
+      instHt: 'testData_7',
+      stdWindSpeed: 'testData_8',
+      stdSnowLd: 'testData_9',
+      inclCd: 'testData_10',
+      raftBaseCd: 'testData_11',
+      roofPitch: 30,
+    })
+
+    setTrestleDetailRequestData({
+      moduleTpCd: 'testData_1',
+      roofMatlCd: 'testData_2',
+      trestleMkrCd: 'testData_3',
+      constMthdCd: 'testData_4',
+      roofBaseCd: 'testData_5',
+      illuminationTp: 'testData_6',
+      instHt: 'testData_7',
+      stdWindSpeed: 'testData_8',
+      stdSnowLd: 'testData_9',
+      inclCd: 'testData_10',
+      constTp: 'testData_11',
+      mixMatlNo: 10,
+      roofPitch: 20,
+    })
   }, [textInput])
   useEffect(() => {
     console.log('numberInput:', numberInput)
@@ -154,41 +199,6 @@ export default function Playground() {
     console.log('users:', users)
   }, [users])
 
-  const trestleData = [{ moduleTpCd: '1', roofMatlCd: '2', raftBaseCd: '', trestleMkrCd: '4', constMthdCd: '', roofBaseCd: '6' }]
-  const constructionData = [
-    {
-      moduleTpCd: '',
-      roofMatlCd: '',
-      trestleMkrCd: '',
-      constMthdCd: '',
-      roofBaseCd: '',
-      illuminationTp: '',
-      instHt: '',
-      stdWindSpeed: '',
-      stdSnowLd: '',
-      inclCd: '',
-      raftBaseCd: '',
-      roofPitch: 0,
-    },
-  ]
-  const trestleDetailData = [
-    {
-      moduleTpCd: '',
-      roofMatlCd: '',
-      trestleMkrCd: '',
-      constMthdCd: '',
-      roofBaseCd: '',
-      illuminationTp: '',
-      instHt: '',
-      stdWindSpeed: '',
-      stdSnowLd: '',
-      inclCd: '',
-      constTp: '',
-      mixMatlNo: 0,
-      roofPitch: 0,
-    },
-  ]
-
   return (
     <>
       <div className="container mx-auto p-4 m-4 border">
@@ -213,7 +223,7 @@ export default function Playground() {
           <button
             className="btn-frame deepgray"
             onClick={() => {
-              getTrestleList(trestleData)
+              getTrestleList(trestleRequestData)
             }}
           >
             가대 목록 조회 API 호출
@@ -221,7 +231,7 @@ export default function Playground() {
           <button
             className="btn-frame deepgray"
             onClick={() => {
-              getConstructionList(constructionData)
+              getConstructionList(constructionRequestData)
             }}
           >
             시공법 목록 조회 API 호출
@@ -229,7 +239,7 @@ export default function Playground() {
           <button
             className="btn-frame deepgray"
             onClick={() => {
-              getTrestleDetailList(trestleDetailData)
+              getTrestleDetailList(trestleDetailRequestData)
             }}
           >
             가대 상세 조회 API 호출

src/hooks/common/useMasterController.js

@@ -2,6 +2,7 @@ import { useAxios } from '@/hooks/useAxios'
 import { useMessage } from '@/hooks/useMessage'
 import { useSwal } from '@/hooks/useSwal'
 import { getQueryString } from '@/util/common-utils'
+import { trestleRequest, constructionRequest, trestleDetailRequest } from '@/models/apiModels'
 
 /**
  * 마스터 컨트롤러 훅
@@ -52,16 +53,9 @@ export function useMasterController() {
    * @returns
    */
   const getTrestleList = async (params) => {
-    console.log('🚀🚀 ~ getTrestleList ~ params:', params)
+    const paramString = getQueryString(params)
-    params = getQueryString({
+    console.log('🚀🚀 ~ getTrestleList ~ paramString:', paramString)
-      moduleTpCd: params.moduleTpCd ? params.moduleTpCd : '',
+    return await get({ url: '/api/v1/master/getTrestleList' + paramString }).then((res) => {
-      roofMatlCd: params.roofMatlCd ? params.roofMatlCd : '',
-      raftBaseCd: params.raftBaseCd ? params.raftBaseCd : '',
-      trestleMkrCd: params.trestleMkrCd ? params.trestleMkrCd : '',
-      constMthdCd: params.constMthdCd ? params.constMthdCd : '',
-      roofBaseCd: params.roofBaseCd ? params.roofBaseCd : '',
-    })
-    return await get({ url: '/api/v1/master/getTrestleList' + params }).then((res) => {
       console.log('🚀🚀 ~ getTrestleList ~ res:', res)
       return res
     })
@@ -85,22 +79,9 @@ export function useMasterController() {
    * @returns
    */
   const getConstructionList = async (params) => {
-    console.log('🚀🚀 ~ getConstructionList ~ params:', params)
+    const paramString = getQueryString(params)
-    params = getQueryString({
+    console.log('🚀🚀 ~ getConstructionList ~ paramString:', paramString)
-      moduleTpCd: params.moduleTpCd ? params.moduleTpCd : '',
+    return await get({ url: '/api/v1/master/getConstructionList' + paramString }).then((res) => {
-      roofMatlCd: params.roofMatlCd ? params.roofMatlCd : '',
-      trestleMkrCd: params.trestleMkrCd ? params.trestleMkrCd : '',
-      constMthdCd: params.constMthdCd ? params.constMthdCd : '',
-      roofBaseCd: params.roofBaseCd ? params.roofBaseCd : '',
-      illuminationTp: params.illuminationTp ? params.illuminationTp : '',
-      instHt: params.instHt ? params.instHt : '',
-      stdWindSpeed: params.stdWindSpeed ? params.stdWindSpeed : '',
-      stdSnowLd: params.stdSnowLd ? params.stdSnowLd : '',
-      inclCd: params.inclCd ? params.inclCd : '',
-      raftBaseCd: params.raftBaseCd ? params.raftBaseCd : '',
-      roofPitch: params.roofPitch ? params.roofPitch : 0,
-    })
-    return await get({ url: '/api/v1/master/getConstructionList' + params }).then((res) => {
       console.log('🚀🚀 ~ getConstructionList ~ res:', res)
       return res
     })
@@ -124,23 +105,9 @@ export function useMasterController() {
    * @returns
    */
   const getTrestleDetailList = async (params) => {
-    console.log('🚀🚀 ~ getConstructionList ~ params:', params)
+    const paramString = getQueryString(params)
-    params = getQueryString({
+    console.log('🚀🚀 ~ getTrestleDetailList ~ paramString:', paramString)
-      moduleTpCd: params.moduleTpCd ? params.moduleTpCd : '',
+    return await get({ url: '/api/v1/master/getTrestleDetailList' + paramString }).then((res) => {
-      roofMatlCd: params.roofMatlCd ? params.roofMatlCd : '',
-      trestleMkrCd: params.trestleMkrCd ? params.trestleMkrCd : '',
-      constMthdCd: params.constMthdCd ? params.constMthdCd : '',
-      roofBaseCd: params.roofBaseCd ? params.roofBaseCd : '',
-      illuminationTp: params.illuminationTp ? params.illuminationTp : '',
-      instHt: params.instHt ? params.instHt : '',
-      stdWindSpeed: params.stdWindSpeed ? params.stdWindSpeed : '',
-      stdSnowLd: params.stdSnowLd ? params.stdSnowLd : '',
-      inclCd: params.inclCd ? params.inclCd : '',
-      constTp: params.constTp ? params.constTp : '',
-      mixMatlNo: params.mixMatlNo ? params.mixMatlNo : 0,
-      roofPitch: params.roofPitch ? params.roofPitch : 0,
-    })
-    return await get({ url: '/api/v1/master/getTrestleDetailList' + params }).then((res) => {
       console.log('🚀🚀 ~ getTrestleDetailList ~ res:', res)
       return res
     })

src/models/apiModels.js

@@ -0,0 +1,42 @@
+// 가대 목록 Request Models
+export const trestleRequestModels = {
+  moduleTpCd: '',
+  roofMatlCd: '',
+  raftBaseCd: '',
+  trestleMkrCd: '',
+  constMthdCd: '',
+  roofBaseCd: '',
+}
+
+// 시공법 목록 Request Models
+export const constructionRequestModels = {
+  moduleTpCd: '',
+  roofMatlCd: '',
+  trestleMkrCd: '',
+  constMthdCd: '',
+  roofBaseCd: '',
+  illuminationTp: '',
+  instHt: '',
+  stdWindSpeed: '',
+  stdSnowLd: '',
+  inclCd: '',
+  raftBaseCd: '',
+  roofPitch: 0,
+}
+
+// 가대 상세 Request Models
+export const trestleDetailRequestModels = {
+  moduleTpCd: '',
+  roofMatlCd: '',
+  trestleMkrCd: '',
+  constMthdCd: '',
+  roofBaseCd: '',
+  illuminationTp: '',
+  instHt: '',
+  stdWindSpeed: '',
+  stdSnowLd: '',
+  inclCd: '',
+  constTp: '',
+  mixMatlNo: 0,
+  roofPitch: 0,
+}