diff --git a/src/page/TimerPage/FeedbackTimerPage.tsx b/src/page/TimerPage/FeedbackTimerPage.tsx index cbb607bf..1bf02ccd 100644 --- a/src/page/TimerPage/FeedbackTimerPage.tsx +++ b/src/page/TimerPage/FeedbackTimerPage.tsx @@ -1,20 +1,10 @@ -import { useEffect } from 'react'; import { useFeedbackTimer } from './hooks/useFeedbackTimer'; import FeedbackTimer from './components/FeedbackTimer'; import DefaultLayout from '../../layout/defaultLayout/DefaultLayout'; import GoToHomeButton from '../../components/GoToHomeButton/GoToHomeButton'; -const INITIAL_TIME = 0; - export default function FeedbackTimerPage() { const feedbackTimerInstance = useFeedbackTimer(); - const { setTimer, setDefaultTimer } = feedbackTimerInstance; - - useEffect(() => { - // 페이지가 로드될 때 타이머의 초기 시간을 설정 - setTimer(INITIAL_TIME); - setDefaultTimer(INITIAL_TIME); - }, [setTimer, setDefaultTimer]); return ( diff --git a/src/page/TimerPage/hooks/useFeedbackTimer.ts b/src/page/TimerPage/hooks/useFeedbackTimer.ts index d3df0cc3..1740fcb2 100644 --- a/src/page/TimerPage/hooks/useFeedbackTimer.ts +++ b/src/page/TimerPage/hooks/useFeedbackTimer.ts @@ -6,15 +6,15 @@ import { useRef, useState, } from 'react'; - +const INITIAL_TIME = 0; export function useFeedbackTimer(): FeedbackTimerLogics { // 타이머에 표시되는 현재 남은 시간 - const [timer, setTimer] = useState(null); + const [timer, setTimer] = useState(INITIAL_TIME); // 타이머 요청에 대한 ID를 저장 const intervalRef = useRef(null); // 타이머의 총 시간 - const [defaultTimer, setDefaultTimer] = useState(0); + const [defaultTimer, setDefaultTimer] = useState(INITIAL_TIME); // 타이머가 현재 동작중인지 여부 const [isRunning, setIsRunning] = useState(false); @@ -72,9 +72,9 @@ export function useFeedbackTimer(): FeedbackTimerLogics { clearInterval(intervalRef.current); intervalRef.current = null; } - setTimer(defaultTimer); + setTimer(INITIAL_TIME); setIsRunning(false); - }, [defaultTimer]); + }, []); /** * 타이머 시간을 조정 (타이머가 멈춰있을 때만)