카운트다운 타이머

React 로 카운트다운 타이머를 완성하는 문제입니다. 시작 버튼을 누르면 10부터 매초 하나씩 줄다가 0 에 이르면 더 줄지 않고 멈추는 동작을 다룹니다. 시작 전에는 10 이 보이고, 시작 값은 10 으로 고정인 단일 컴포넌트입니다.

타이머는 시간이 흐르는 동안 화면의 값이 스스로 바뀌고, 정해진 조건(여기서는 0)에서 멈춰야 하는 화면입니다. 이런 화면은 "시작 → 진행 → 멈춤"으로 이어지는 수명 전체를 두고 동작을 다뤄야 합니다. React 에서는 시간에 따라 바뀌는 값을 상태로 두고, 그 값이 바뀔 때마다 화면을 다시 그립니다. 한 번 줄어드는 것뿐 아니라 시작부터 0 에서 멈출 때까지의 흐름 전체를 검증하는 습관이 중요합니다.

React 에서 시간에 따라 바뀌는 값은 어떻게 다루나요?

시간에 따라 바뀌는 값을 컴포넌트 상태로 두고, 값이 바뀔 때마다 화면을 다시 그립니다. 이 문제는 시작·진행·멈춤으로 이어지는 타이머의 흐름을 완성하는 것입니다.

타이머 동작은 어떻게 검증하나요?

시작 전 값(10), 시작하면 1초 간격으로 1씩 줄어드는지, 0 에 이르면 더 줄지 않고 멈추는지를 시간 경과 시나리오로 함께 확인합니다.

이 문제에서 일시정지나 리셋이 필요한가요?

필요 없습니다. 시작 값 10 고정의 단일 카운트다운만 다룹니다. 일시정지·리셋·시간 직접 입력은 범위 밖입니다.