src/components/floor-plan/modal/roofAllocation/ContextRoofAllocationSetting.jsx

@@ -86,7 +86,7 @@ export default function ContextRoofAllocationSetting(props) {
                 return (
                   <div className="grid-option-box" key={index}>
                     <div className="d-check-radio pop no-text">
-                      <input type="radio" name="radio01" checked={!!roof.selected} readOnly={true} />
+                      <input type="radio" name="radio01" checked={roof.selected && 'checked'} readOnly={true} />
                       <label
                         htmlFor="ra01"
                         onClick={(e) => {
@@ -189,7 +189,7 @@ export default function ContextRoofAllocationSetting(props) {
                               <input
                                 type="text"
                                 className="input-origin block"
-                                value={roof.hajebichi ?? ''}
+                                value={roof.hajebichi === '' ? '0' : roof.hajebichi}
                                 readOnly={roof.roofPchAuth === 'R'}
                                 onChange={(e) => {
                                   e.target.value = normalizeDigits(e.target.value)
@@ -211,7 +211,8 @@ export default function ContextRoofAllocationSetting(props) {
                                 e.target.value = normalizeDecimalLimit(e.target.value, 2)
                                 handleChangePitch(e, index)
                               }}
-                              value={currentAngleType === 'slope' ? (roof.pitch ?? '') : (roof.angle ?? '')}
+                              value={currentAngleType === 'slope' ? (roof.pitch || '0') : (roof.angle || '0')}
+                              defaultValue={currentAngleType === 'slope' ? (roof.pitch || '0') : (roof.angle || '0')}
                             />
                           </div>
                           <span className="absol">{pitchText}</span>

src/components/floor-plan/modal/roofAllocation/RoofAllocationSetting.jsx

@@ -86,7 +86,7 @@ export default function RoofAllocationSetting(props) {
                   return (
                     <div className="grid-option-box" key={index}>
                       <div className="d-check-radio pop no-text">
-                        <input type="radio" name="radio01" checked={!!roof.selected} readOnly />
+                        <input type="radio" name="radio01" checked={roof.selected} readOnly />
                         <label
                           htmlFor="ra01"
                           onClick={(e) => {
@@ -194,7 +194,7 @@ export default function RoofAllocationSetting(props) {
                                     e.target.value = normalizeDigits(e.target.value)
                                     handleChangeInput(e, 'hajebichi', index)
                                   }}
-                                  value={roof.hajebichi ?? ''}
+                                  value={parseInt(roof.hajebichi)}
                                   readOnly={roof.roofPchAuth === 'R'}
                                 />
                               </div>
@@ -212,7 +212,7 @@ export default function RoofAllocationSetting(props) {
                                   e.target.value = normalizeDecimalLimit(e.target.value, 2)
                                   handleChangePitch(e, index)
                                 }}
-                                value={currentAngleType === 'slope' ? (roof.pitch ?? '') : (roof.angle ?? '')}
+                                value={currentAngleType === 'slope' ? roof.pitch : roof.angle}
                               />
                             </div>
                             <span className="absol">{pitchText}</span>

src/hooks/roofcover/useRoofAllocationSetting.js

@@ -174,32 +174,22 @@ export function useRoofAllocationSetting(id) {
           })
         }
 
-        const firstRes = Array.isArray(res) && res.length > 0 ? res[0] : null
-
         setBasicSetting({
           ...basicSetting,
-          planNo: firstRes?.planNo ?? planNo,
+          planNo: res[0].planNo,
-          roofSizeSet: firstRes?.roofSizeSet ?? 0,
+          roofSizeSet: res[0].roofSizeSet,
-          roofAngleSet: firstRes?.roofAngleSet ?? 0,
+          roofAngleSet: res[0].roofAngleSet,
           roofsData: roofsArray,
           selectedRoofMaterial: selectRoofs.find((roof) => roof.selected),
         })
 
         setBasicInfo({
-          planNo: '' + (firstRes?.planNo ?? planNo),
+          planNo: '' + res[0].planNo,
-          roofSizeSet: '' + (firstRes?.roofSizeSet ?? 0),
+          roofSizeSet: '' + res[0].roofSizeSet,
-          roofAngleSet: '' + (firstRes?.roofAngleSet ?? 0),
+          roofAngleSet: '' + res[0].roofAngleSet,
         })
-        // 데이터 동기화: 렌더링용 필드 기본값 보정
+        //데이터 동기화
-        const normalizedRoofs = selectRoofs.map((roof) => ({
+        setCurrentRoofList(selectRoofs)
-          ...roof,
-          width: roof.width ?? '',
-          length: roof.length ?? '',
-          hajebichi: roof.hajebichi ?? '',
-          pitch: roof.pitch ?? '',
-          angle: roof.angle ?? '',
-        }))
-        setCurrentRoofList(normalizedRoofs)
       })
     } catch (error) {
       console.error('Data fetching error:', error)