import moment from 'moment';
import Clock from './clock'
let [time,setTime] =useState(moment());
let [parcent,setparcent] = useState(0)
{
useEffect(()=>{
  setInterval(() => {
    setTime(moment())
    },1000);
   // 시간 업데이트
 })
}
// 현재시각 생성 로직입니다
 
 
//이후 들어가야할 곳에
<Clock time={time}></Clock> // Clock 이라는 Component를 사용 하였고
//time이라는 state를 props시켰습니다
//이부분은 (import Clock from './clock') 위 처럼 땡겨왔습니다
 
//Clock 내부
<div className="time">{props.time.format('HH-mm')}</div>
var reset = time.format("HH-mm")
//이렇게 설정 한 후 console.log(reset)을 하면 "현재시간-현재분" 이렇게 뜹니다
 
 
//여기서부터 제가 생각하는 현재시각을 가져와서 다음날 새벽 자정이 딱 되면 특정 값을
//0으로 만드는 로직입니다
 
var reset = time.format("HH-mm")
var zero = "지정시간-지정분"
ex) 예시 ) "00-00"
reset === zero
? setparcent(0)
: setparcent(parcent)
 
//이렇게 짜니까 "00-00"과 일치하지 않아도 true값인 setparcent(0)값이 계속 실행됩니다
//그리고 이걸 자정에 딱 한번 만 실행시킬려면
//setinterval을 사용 할 지 settimeout을 사용할지도 애매합니다