비행 구역 m 추가

src/modules/basis/flight/models/basisFlightModel.ts

@@ -512,7 +512,7 @@ export const initFlightBas = {
         areaType: '',
         fltMethod: '',
         bufferZone: 0,
-        fltElev: '',
+        fltElev: '0',
         createUserId: '',
         createDt: '',
         updateUserId: '',

src/views/laanc/LaancStep1.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import { useHistory, useLocation } from 'react-router-dom';
 import { Search } from 'react-feather';
 import { BiBuildings, BiGridAlt } from 'react-icons/bi';
@@ -47,7 +47,8 @@ export default function LaancStep1({
   const { user } = useSelector(state => state.authState);
 
   const history = useHistory();
-
+  const fltElevRef = useRef(null);
+  const bufferZoneRef = useRef(null);
   const location = useLocation();
   const queryParams = new URLSearchParams(location.search);
   const mapParam = queryParams.get('map');
@@ -57,7 +58,24 @@ export default function LaancStep1({
     if (!currentParm) setCenteredModal(mapParam);
   }, [location]);
 
-  // console.log('>', data);
+  // const handleInputClick = () => {
+  //   // Input 요소가 포커스될 때 커서를 맨 뒤로 이동
+  //   if (fltElevRef.current) {
+  //     const input = fltElevRef.current;
+
+  //     const inputValue = input.value;
+  //     input.setSelectionRange(inputValue.length - 1, inputValue.length - 1);
+  //     input.focus();
+  //   }
+  //   if (bufferZoneRef.current) {
+  //     const input = bufferZoneRef.current;
+
+  //     const inputValue = input.value;
+  //     input.setSelectionRange(inputValue.length - 1, inputValue.length - 1);
+  //     input.focus();
+  //   }
+  // };
+
   return (
     <>
       <ModalHeader>
@@ -234,7 +252,7 @@ export default function LaancStep1({
                       id='fltElev'
                       name='fltElev'
                       // defaultValue={data.email || ''}
-                      value={data.areaList[0].fltElev}
+                      value={data.areaList[0].fltElev + 'm'}
                       size='sm'
                       onChange={e => {
                         const { name, value } = e.target;
@@ -244,6 +262,8 @@ export default function LaancStep1({
                           value
                         });
                       }}
+                      //  innerRef={fltElevRef} // Input 요소에 ref를 연결
+                      //  onClick={handleInputClick}
                       // innerRef={data}
                       placeholder='100m'
                     />
@@ -259,7 +279,7 @@ export default function LaancStep1({
                       id='bufferZone'
                       name='bufferZone'
                       // defaultValue={data.email || ''}
-                      value={data.areaList[0].bufferZone}
+                      value={data.areaList[0].bufferZone + 'm'}
                       size='sm'
                       onChange={e => {
                         const { name, value } = e.target;
@@ -269,6 +289,8 @@ export default function LaancStep1({
                           value
                         });
                       }}
+                      // innerRef={bufferZoneRef} // Input 요소에 ref를 연결
+                      // onClick={handleInputClick}
                       // innerRef={data}
                       placeholder='100m'
                     />
@@ -458,7 +480,8 @@ export default function LaancStep1({
             <ul className='list-txt'>
               <li>비행승인 신청은 최대 1년전까지 가능합니다.</li>
               <li>
-                상업용 또는 비 상업용이며, 기체최대이륙중량이 2KG 초과 시 기체등록은 필수사항 입니다.
+                상업용 또는 비 상업용이며, 기체최대이륙중량이 2KG 초과 시
+                기체등록은 필수사항 입니다.
               </li>
               <li>
                 관제권 및 비행금지 공역을 제외한 지역에서는 주간에 150m미만의