src/components/common/input/CalcInput.jsx

@@ -3,7 +3,7 @@ import { createCalculator } from '@/util/calc-utils'
 import '@/styles/calc.scss'
 
 export const CalculatorInput = forwardRef(
-  ({ value, onChange, label, options = {}, id, className = 'calculator-input', readOnly = false, placeholder, name='', disabled = false }, ref) => {
+  ({ value, onChange, label, options = {}, id, className = 'calculator-input', readOnly = false, placeholder }, ref) => {
     const [showKeypad, setShowKeypad] = useState(false)
     const [displayValue, setDisplayValue] = useState(value || '0')
     const [hasOperation, setHasOperation] = useState(false)
@@ -353,7 +353,6 @@ export const CalculatorInput = forwardRef(
           ref={inputRef}
           type="text"
           id={id}
-          name={name}
           value={displayValue}
           readOnly={readOnly}
           className={className}
@@ -364,7 +363,6 @@ export const CalculatorInput = forwardRef(
           tabIndex={readOnly ? -1 : 0}
           placeholder={placeholder}
           autoComplete={'off'}
-          disabled={disabled}
         />
 
         {showKeypad && !readOnly && (

src/components/community/modal/QnaDetailModal.jsx

@@ -25,7 +25,6 @@ export default function QnaDetailModal({ qnaNo, setOpen, qnaType }) {
         compCd        : 5200,
         loginId       : sessionState.userId,
         langCd        : 'JA',
-        siteTpCd      : 'QC',
       })
       const apiUrl = `${url}?${params.toString()}`
 

src/components/community/modal/QnaRegModal.jsx

@@ -148,8 +148,6 @@ let fileCheck = false;
 
 
 
-    } else {
-      setHideSmFlg(true)
     }
 
   }

src/components/estimate/Estimate.jsx

@@ -138,27 +138,7 @@ export default function Estimate({}) {
           updatedRes = [...res]
         }
 
-        const groupByItemGroup = (items) => {
+        setOriginDisplayItemList(res)
-          const grouped = items.reduce((acc, item) => {
-            const group = item.itemGroup || '기타';
-            if (!acc[group]) {
-              acc[group] = {
-                label: group,
-                options: []
-              };
-            }
-            acc[group].options.push({
-              value: item.itemId,
-              label: `${item.itemNo} - ${item.itemName}`,
-              ...item
-            });
-            return acc;
-          }, {});
-
-          return Object.values(grouped);
-        };
-        const groupedItems = groupByItemGroup(res);
-        setOriginDisplayItemList(groupedItems)
         setDisplayItemList(updatedRes)
       }
     })
@@ -173,19 +153,6 @@ export default function Estimate({}) {
     })
   }
 
-  const groupStyles = {
-    groupHeading: (provided) => ({
-      ...provided,
-      fontSize: '14px',
-      fontWeight: 'bold',
-      color: '#333',
-      backgroundColor: '#f5f5f5',
-      padding: '8px 12px',
-      marginBottom: '4px',
-      borderBottom: '2px solid #ddd'
-    })
-  };
-
   useEffect(() => {
     // console.log('🚀 ~ Estimate ~ selectedPlan:', selectedPlan)
     if (selectedPlan) initEstimate(selectedPlan?.planNo?? currentPid)
@@ -2031,7 +1998,6 @@ export default function Estimate({}) {
                                       classNamePrefix="custom"
                                       placeholder="Select"
                                       options={originDisplayItemList}
-                                      styles={groupStyles}
                                       onChange={(e) => {
                                         if (isObjectNotEmpty(e)) {
                                           onChangeDisplayItem(e.itemId, item.dispOrder, index, false)

src/components/fabric/QPolygon.js

@@ -6,7 +6,6 @@ import { calculateAngle, drawGableRoof, drawRidgeRoof, drawShedRoof, toGeoJSON }
 import * as turf from '@turf/turf'
 import { LINE_TYPE, POLYGON_TYPE } from '@/common/common'
 import Big from 'big.js'
-import { drawSkeletonRidgeRoof } from '@/util/skeleton-utils'
 
 export const QPolygon = fabric.util.createClass(fabric.Polygon, {
   type: 'QPolygon',
@@ -336,7 +335,6 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
       // 용마루 -- straight-skeleton
       console.log('용마루 지붕')
       drawRidgeRoof(this.id, this.canvas, textMode)
-      //drawSkeletonRidgeRoof(this.id, this.canvas, textMode);
     } else if (isGableRoof(types)) {
       // A형, B형 박공 지붕
       console.log('패턴 지붕')

src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx

@@ -346,7 +346,6 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, pla
                             /> */}
                             <CalculatorInput
                               id=""
-                              name=""
                               label=""
                               className="input-origin block"
                               readOnly={currentRoof?.roofAngleSet !== item.value}
@@ -413,33 +412,15 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, pla
                       <div className="flex-ment">
                         <span>W</span>
                         <div className="input-grid" style={{ width: '84px' }}>
-                          {/*<input*/}
+                          <input
-                          {/*  type="text"*/}
+                            type="text"
-                          {/*  className="input-origin block"*/}
-                          {/*  name={`width`}*/}
-                          {/*  ref={roofRef.width}*/}
-                          {/*  value={parseInt(currentRoof?.width)}*/}
-                          {/*  onChange={(e) => changeInput(normalizeDigits(e.target.value), e)}*/}
-                          {/*  readOnly={currentRoof?.widAuth === 'R'}*/}
-                          {/*  disabled={currentRoof?.roofSizeSet === '3'}*/}
-                          {/*/>*/}
-
-                          <CalculatorInput
-                            id=""
-                            name={'width'}
-                            label=""
                             className="input-origin block"
+                            name={`width`}
                             ref={roofRef.width}
-                            value={currentRoof?.width||0}
+                            value={parseInt(currentRoof?.width)}
-                            onChange={(value) => {
+                            onChange={(e) => changeInput(normalizeDigits(e.target.value), e)}
-                              setCurrentRoof({ ...currentRoof, value })
-                            }}
                             readOnly={currentRoof?.widAuth === 'R'}
                             disabled={currentRoof?.roofSizeSet === '3'}
-                            options={{
-                              allowNegative: false,
-                              allowDecimal: false //(index !== 0),
-                            }}
                           />
                         </div>
                       </div>
@@ -448,33 +429,15 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, pla
                       <div className="flex-ment">
                         <span>L</span>
                         <div className="input-grid" style={{ width: '84px' }}>
-                          {/*<input*/}
+                          <input
-                          {/*  type="text"*/}
+                            type="text"
-                          {/*  className="input-origin block"*/}
-                          {/*  name={`length`}*/}
-                          {/*  ref={roofRef.length}*/}
-                          {/*  value={parseInt(currentRoof?.length)}*/}
-                          {/*  onChange={(e) => changeInput(normalizeDigits(e.target.value), e)}*/}
-                          {/*  readOnly={currentRoof?.lenAuth === 'R'}*/}
-                          {/*  disabled={currentRoof?.roofSizeSet === '3'}*/}
-                          {/*/>*/}
-
-                          <CalculatorInput
-                            id=""
-                            name={'length'}
-                            label=""
                             className="input-origin block"
+                            name={`length`}
                             ref={roofRef.length}
-                            value={currentRoof?.length||0}
+                            value={parseInt(currentRoof?.length)}
-                            onChange={(value) => {
+                            onChange={(e) => changeInput(normalizeDigits(e.target.value), e)}
-                              setCurrentRoof({ ...currentRoof, value })
-                            }}
                             readOnly={currentRoof?.lenAuth === 'R'}
                             disabled={currentRoof?.roofSizeSet === '3'}
-                            options={{
-                              allowNegative: false,
-                              allowDecimal: false //(index !== 0),
-                            }}
                           />
                         </div>
                       </div>
@@ -502,34 +465,16 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, pla
                       <div className="flex-ment">
                         <span>{getMessage('hajebichi')}</span>
                         <div className="input-grid" style={{ width: '84px' }}>
-                          {/*<input*/}
+                          <input
-                          {/*  type="text"*/}
+                            type="text"
-                          {/*  className="input-origin block"*/}
-                          {/*  name={`hajebichi`}*/}
-                          {/*  ref={roofRef.hajebichi}*/}
-                          {/*  value={parseInt(currentRoof?.hajebichi)}*/}
-                          {/*  onChange={(e) => changeInput(normalizeDigits(e.target.value), e)}*/}
-                          {/*  readOnly={currentRoof?.roofPchAuth === 'R'}*/}
-                          {/*  disabled={currentRoof?.roofSizeSet === '3'}*/}
-                          {/*/>*/}
-                          <CalculatorInput
-                            id=""
-                            name={'hajebichi'}
-                            label=""
                             className="input-origin block"
+                            name={`hajebichi`}
                             ref={roofRef.hajebichi}
-                            value={currentRoof?.hajebichi||0}
+                            value={parseInt(currentRoof?.hajebichi)}
-                            onChange={(value) => {
+                            onChange={(e) => changeInput(normalizeDigits(e.target.value), e)}
-                              setCurrentRoof({ ...currentRoof, value })
-                            }}
                             readOnly={currentRoof?.roofPchAuth === 'R'}
                             disabled={currentRoof?.roofSizeSet === '3'}
-                            options={{
-                              allowNegative: false,
-                              allowDecimal: false //(index !== 0),
-                            }}
                           />
-
                         </div>
                       </div>
                     )}

src/components/simulator/Simulator.jsx

@@ -49,25 +49,34 @@ export default function Simulator() {
           return isNaN(num) ? 0 : num
         }),
 
-        backgroundColor: (context) => {
+        backgroundColor: [
-          const chart = context.chart
+          'rgba(255, 99, 132, 0.2)',
-          const { ctx, chartArea } = chart
+          'rgba(54, 162, 235, 0.2)',
-
+          'rgba(255, 206, 86, 0.2)',
-          if (!chartArea) {
+          'rgba(75, 192, 192, 0.2)',
-            // This case happens on initial chart load
+          'rgba(153, 102, 255, 0.2)',
-            return null
+          'rgba(255, 159, 64, 0.2)',
-          }
+          'rgba(0, 99, 132, 0.2)',
-
+          'rgba(0, 162, 235, 0.2)',
-          const gradient = ctx.createLinearGradient(0, chartArea.bottom, 0, chartArea.top)
+          'rgba(0, 206, 86, 0.2)',
-          gradient.addColorStop(0, '#4FC3F7')  // Light blue at bottom
+          'rgba(0, 192, 192, 0.2)',
-          gradient.addColorStop(0.3, '#2FA8E0') // Original blue
+          'rgba(0, 102, 255, 0.2)',
-          gradient.addColorStop(0.7, '#1976D2') // Medium blue
+          'rgba(0, 159, 64, 0.2)',
-          gradient.addColorStop(1, '#0D47A1')   // Dark blue at top
+        ],
-
+        borderColor: [
-
+          'rgba(255, 99, 132, 0.2)',
-          return gradient
+          'rgba(54, 162, 235, 0.2)',
-        },
+          'rgba(255, 206, 86, 0.2)',
-        borderColor: '#2FA8E0' ,
+          'rgba(75, 192, 192, 0.2)',
+          'rgba(153, 102, 255, 0.2)',
+          'rgba(255, 159, 64, 0.2)',
+          'rgba(0, 99, 132, 0.2)',
+          'rgba(0, 162, 235, 0.2)',
+          'rgba(0, 206, 86, 0.2)',
+          'rgba(0, 192, 192, 0.2)',
+          'rgba(0, 102, 255, 0.2)',
+          'rgba(0, 159, 64, 0.2)',
+        ],
         borderWidth: 1,
       },
     ],

src/hooks/option/useCanvasSetting.js

@@ -632,12 +632,9 @@ export function useCanvasSetting(executeEffect = true) {
           originHorizon: res.originHorizon,
           originVertical: res.originVertical,
         })
-
-        if (canvas) {
         canvas.setWidth(res.originHorizon)
         canvas.setHeight(res.originVertical)
         canvas.renderAll()
-        }
 
         /** 데이터 설정 */
         setSettingModalFirstOptions({

src/util/canvas-util.js

@@ -260,7 +260,7 @@ export const getDegreeByChon = (chon) => {
   // tan(theta) = height / base
   const radians = Math.atan(chon / 10)
   // 라디안을 도 단위로 변환
-  return Number((radians * (180 / Math.PI)).toFixed(2))
+  return Number((radians * (180 / Math.PI)).toFixed(1))
 }
 
 /**

src/util/qpolygon-utils.js

@@ -7579,12 +7579,7 @@ export const drawRidgeRoof = (roofId, canvas, textMode) => {
 
               hipBasePoint = { x1: line.x1, y1: line.y1, x2: line.x2, y2: line.y2 }
               point = [mergePoint[0].x, mergePoint[0].y, mergePoint[3].x, mergePoint[3].y]
-              const theta = Big(Math.acos(Big(line.line.attributes.planeSize).div(
+              const theta = Big(Math.acos(Big(line.line.attributes.planeSize).div(line.line.attributes.actualSize)))
-                line.line.attributes.actualSize === 0 ||
-                line.line.attributes.actualSize === '' ||
-                line.line.attributes.actualSize === undefined ?
-                line.line.attributes.planeSize : line.line.attributes.actualSize
-              )))
                 .times(180)
                 .div(Math.PI)
                 .round(1)
@@ -9228,11 +9223,7 @@ const getSortedPoint = (points, lines) => {
 const reCalculateSize = (line) => {
   const oldPlaneSize = line.attributes.planeSize
   const oldActualSize = line.attributes.actualSize
-  const theta = Big(Math.acos(Big(oldPlaneSize).div(
+  const theta = Big(Math.acos(Big(oldPlaneSize).div(oldActualSize)))
-    oldActualSize === 0 || oldActualSize === '' || oldActualSize === undefined ?
-      oldPlaneSize :
-      oldActualSize
-  )))
     .times(180)
     .div(Math.PI)
   const planeSize = calcLinePlaneSize({