Laanc 고도 반경 input 포커스 기능 추가

src/containers/laanc/LaancPlanContainer.js

@@ -88,7 +88,8 @@ export default function LaancPlanContainer({
       case 'pilot':
       case 'arcrft':
         if (name === 'fltElev' || name === 'bufferZone' || name === 'hpno') {
-          const newValue = value.replace(/[^0-9]/g, '');
+          const newValue = value.replace(/^0+/, '').replace(/\D/g, '');
+
           setDetailData(prevState => {
             const arr = [...prevState[arrName]];
             const updateData = {

src/views/laanc/LaancStep1.js

@@ -58,23 +58,23 @@ export default function LaancStep1({
     if (!currentParm) setCenteredModal(mapParam);
   }, [location]);
 
-  // const handleInputClick = () => {
+  const handleInputClick = type => {
-  //   // Input 요소가 포커스될 때 커서를 맨 뒤로 이동
+    // Input 요소가 포커스될 때 커서를 맨 뒤로 이동
-  //   if (fltElevRef.current) {
+    if (fltElevRef.current && type === 'fltElev') {
-  //     const input = fltElevRef.current;
+      const input = fltElevRef.current;
 
-  //     const inputValue = input.value;
+      const inputValue = input.value;
-  //     input.setSelectionRange(inputValue.length - 1, inputValue.length - 1);
+      input.setSelectionRange(inputValue.length - 1, inputValue.length - 1);
-  //     input.focus();
+      input.focus();
-  //   }
+    }
-  //   if (bufferZoneRef.current) {
+    if (bufferZoneRef.current && type === 'bufferZone') {
-  //     const input = bufferZoneRef.current;
+      const input = bufferZoneRef.current;
 
-  //     const inputValue = input.value;
+      const inputValue = input.value;
-  //     input.setSelectionRange(inputValue.length - 1, inputValue.length - 1);
+      input.setSelectionRange(inputValue.length - 1, inputValue.length - 1);
-  //     input.focus();
+      input.focus();
-  //   }
+    }
-  // };
+  };
 
   return (
     <>
@@ -262,9 +262,8 @@ export default function LaancStep1({
                           value
                         });
                       }}
-                      //  innerRef={fltElevRef} // Input 요소에 ref를 연결
+                      innerRef={fltElevRef} // Input 요소에 ref를 연결
-                      //  onClick={handleInputClick}
+                      onClick={() => handleInputClick('fltElev')}
-                      // innerRef={data}
                       placeholder='100m'
                     />
                   </FormGroup>
@@ -289,9 +288,8 @@ export default function LaancStep1({
                           value
                         });
                       }}
-                      // innerRef={bufferZoneRef} // Input 요소에 ref를 연결
+                      innerRef={bufferZoneRef} // Input 요소에 ref를 연결
-                      // onClick={handleInputClick}
+                      onClick={() => handleInputClick('bufferZone')}
-                      // innerRef={data}
                       placeholder='100m'
                     />
                   </FormGroup>