/react-timer

지원 플랫폼 근로 온보딩

Primary LanguageJavaScript

react-timer

지원 플랫폼 근로 온보딩

요구사항

  • figma 온보딩 미션에서 프로토타이핑한 타이머 웹 앱을 리액트로 구현한다.
  • 시, 분, 초, 알림 소리를 설정하고 ‘시작' 버튼을 클릭해 카운트다운 타이머를 시작할 수 있다.
  • 시작한 뒤 ‘정지' 버튼을 클릭해 타이머를 멈출 수 있다.
  • 설정한 시간이 다 지나면 알림 소리가 울리고, 알림 UI가 표시된다. 알림 UI에서 ‘타이머를 다시 시작할까요?’ 메시지를 보여주고, ‘확인'을 클릭해 같은 타이머를 재시작하거나, ’취소'를 클릭해 타이머를 종료할 수 있다.
  • 재설정' 버튼을 클릭해 타이머를 초기화할 수 있다.
  • 3분, 5분, 10분, 15분, 20분(혹은 그 외 자주 사용하는 특정 시간) 타이머는 별도의 UI를 통해 바로 설정할 수 있다.