개인 공부14 2. padStart, setTimeout ※00 : 00(분 : 초) 형식으로 업그레이드 -padStart 함수로 1 => 01 형식으로 변환 -setTimeout 함수로 함수 실행 잠시 지연 -타이머 리셋해서 다시 작동 component -Button.jsx page -Timer.jsx page - import React, {useCallback, useEffect, useState} from 'react' import Button from '../component/Button' function Timer() { const [timeOut, setTimeOut] = useState(true) const [second, setSecond] = useState(10) const [minuts, setMinuts] = useState(2) cons.. 2024. 1. 26. 1. Basic Timer ※타이머 기능 구현 -Button 컴포넌트 추가 -Timer 페이지 추가 component -Button.jsx page -Timer.jsx component - import React from 'react' function Button({type, className, name, onClick}) { return ( {name} ) } export default Button page - import React, {useEffect, useState} from 'react' import Button from '../component/Button' function Timer() { const [timer, setTimer] = useState(10) //주어진 시간 10초로 지정 const [timeOut,.. 2024. 1. 25. 이전 1 2 3 4 다음