비행 시뮬레이션 재생바 드래그 및 일시정지시점 부터 다시 재생 수정

src/components/analysis/simulation/AnalysisSimulationDetail.js

@@ -210,7 +210,8 @@ export const AnalysisSimulationDetail = props => {
                 </div> */}
                 {props.stcsList?.map(item => {
                   return (
-                    <div key={item.timeCd}
+                    <div
+                      key={item.timeCd}
                       className={
                         props.timeCd === item.timeCd
                           ? 'simulation-date-num date-num-focus'

src/components/analysis/simulation/AnalysisSimulatorSlider.js

@@ -39,12 +39,12 @@ const AnalysisSimulatorSlider = ({
     direction
   };
 
-  useEffect(() => {
+  useEffect(() => {}, [playCount]);
-  }, [playCount]);
   return (
     <div className='simulation-slider'>
       {/* <h5 className='my-2'>Default / Primary Color Slider</h5> */}
       {/* <Nouislider className='mt-md-1 mt-3 mb-4' {...colorOptions} behaviour={'tap'}/> */}
+
       <Nouislider
         className='mt-md-1 mt-3 mb-1'
         {...colorOptions}

src/containers/analysis/simulator/AnalysisSimulationContainer.js

@@ -10,6 +10,9 @@ import { NMapMarker } from '../../../components/map/nhn/NMapMarker';
 import { NMapPolyline } from '../../../components/map/nhn/NMapPolyline';
 import * as Actions from '../../../modules/analysis/simulation/actions/analysisSimulatorAction';
 import * as Action from '../../../modules/account/login/actions/authAction';
+
+let playCount = 0;
+
 export const AnalysisSimulationContainer = props => {
   const { list, count, detail, searchParams, log, stcsList, stcsCount } =
     useSelector(state => state.analysisSimulatorState);
@@ -34,8 +37,6 @@ export const AnalysisSimulationContainer = props => {
 
   const [searchText, setSearchText] = useState('');
 
-  let playCount = 0;
-
   const [sliderVal, setSliderVal] = useState({
     maxVal: 0,
     minVal: 0
@@ -59,7 +60,6 @@ export const AnalysisSimulationContainer = props => {
         }
 
         playCount++;
-
         if (playCount == log.length) {
           playCount = 0;
           clearInterval(timer);
@@ -76,7 +76,7 @@ export const AnalysisSimulationContainer = props => {
       setInfo({ ...log[playCount], playCount: playCount });
       setIsPlay(false);
     }
-  }, [stcsList])
+  }, [stcsList]);
 
   useEffect(() => {
     if (oepnReportList) {
@@ -100,6 +100,11 @@ export const AnalysisSimulationContainer = props => {
   }, [sliderCount]);
 
   useEffect(() => {
+    playCount = 0;
+    if (log) {
+      setInfo({ ...log[playCount], playCount: 0 });
+    }
+
     // let arrDate = log?.map(date => {
     //   const dateval = date.srvrRcvDt;
     //   if (dateval) {