마이페이지 인증번호 제어 수정

src/components/account/mypage/AccountMypageForm.js

@@ -122,10 +122,31 @@ const AccountMypageForm = ({ userInfo,handlerSmsSend,isCrtfy,seconds_Counter,han
                                     <Row className='input-inline-btn'>
                                       <Col md='8'>
                                         <Label className='form-label' for='crtfyNo'>인증번호</Label>
-                                        <Input type='number' name='crtfyhpNo' id='crtfyhpNo' bsSize='sm' value={inputCrtfy} onChange={handlerChange}  />
+                                        <Input
+                                          type='number'
+                                          name='crtfyhpNo'
+                                          id='crtfyhpNo'
+                                          bsSize='sm'
+                                          value={inputCrtfy}
+                                          onChange={handlerChange}
+                                          {...isRunning ?
+                                            {}
+                                          :
+                                            {disabled:true}
+                                          }
+                                        />
                                       </Col>
                                       <Col md='4' xs='12'>
-                                        <Button.Ripple type='button' color='secondary' onClick={handlerSmsConfirm}>
+                                        <Button.Ripple
+                                          type='button'
+                                          color='secondary'
+                                          onClick={handlerSmsConfirm}
+                                          {...isRunning ?
+                                            {}
+                                          :
+                                            {disabled:true}
+                                          }
+                                        >
                                           <span className='d-sm-inline-block'>인증하기</span>
                                         </Button.Ripple>
                                       </Col>

src/containers/account/mypage/AccountMypageContainer.js

@@ -36,15 +36,17 @@ const AccountMypageContainer = () => {
 
     const [inputHpno, setInputHpno] = useState('');
     const [inputCrtfy, setInputCrtfy] = useState('');
-    const [okinput, setOkinput] = useState(false)
-    const [okcheck, setOkcheck] = useState('');
-    const [isRunning, setIsRunning] = useState(false);
-    const [sendCount, setSendCount] = useState(0);
-    const [isCrtfy, setIsCrtfy] = useState(false);
+    
     const [minutes_Counter, setMinutes_Counter] = useState('03');
     const [seconds_Counter, setSeconds_Counter] = useState('00');
     const [timer, setTimer] = useState(null);
+    const [isRunning, setIsRunning] = useState(false);
+    const [sendCount, setSendCount] = useState(0);
+    const [isCrtfy, setIsCrtfy] = useState(false);
 
+    const [okinput, setOkinput] = useState(false)
+    const [okcheck, setOkcheck] = useState('');
+    
     const [modal, setModal] = useState({
         isOpen: false,
         title: '',
@@ -164,14 +166,13 @@ const AccountMypageContainer = () => {
     };
 
     useEffect(() => {
-        setIsRunning(true);
-        // console.log('isRunning>>>', isRunning);
+        // setIsRunning(true);
         if (isRunning) {
             clearInterval(timer);
         }
         return () => {
             clearInterval(timer);
-            setIsRunning(false);
+            // setIsRunning(false);
         };
     }, []);
 
@@ -179,7 +180,7 @@ const AccountMypageContainer = () => {
     const handlerSmsConfirm = async () => {
         //const vData = getValues();
 
-        if (!inputCrtfy || !inputHpno) {
+        if (!inputHpno) {
             setModal({
                 isOpen: true,
                 title: '인증번호 인증',