프론트엔드 코드 리뷰

항해 플러스 주최 웹개발 스터디의 우수 스터디원 한정 코드리뷰 문제입니다.

자바스크립트 타이머 & 스탑워치

✅ 기능 요구사항

⏱️ 스탑워치

• 00:00:00 (분, 초, 밀리초) 단위로 시간이 표시된다.
• 현재 상태가 'START' 상태이면 시간이 증가한다.
• 현재 상태가 'STOP' 상태이면 시간이 증가하지 않는다.
• START/STOP 버튼이 있고 해당 버튼을 누르면 상태가 변경된다.
• RESET 버튼이 있고 RESET 버튼을 누르면 00:00:00 으로 시간이 초기화된다.
• 위의 문장들을 jest, vitest, cypress 등 원하는 테스트 도구를 사용하여 테스트를 작성한다.

⏰ 타이머

• 00:00:00 (분, 초, 밀리초) 단위로 시간이 표시된다.
• 타이머에 대한 시간을 설정할 수 있다.
• 타이머가 'START' 상태이면 시간이 줄어든다.
• 타이머가 'STOP' 상태이면 시간이 줄어들지 않는다.
• 카운트다운이 전부 완료되면 종료됨을 알리고 정지 상태로 변경한다.
• 위의 문장들을 jest, vitest, cypress 등 원하는 테스트 도구를 사용하여 테스트를 작성한다.

✍️ 참고사항

• 별도의 외부 패키지 및 라이브러리를 사용하지 않고 구현해주시면 됩니다.
• 단, Typescript 적용 여부는 본인의 선호에 따라 결정해주시면 됩니다.
• 마찬가지로 React App은 CRA나 Vite 등 어떤 방식으로 생성하셔도 상관없습니다.
• Javascript 사용 방식과 React 상태 및 의존성 관리, 렌더링 최적화에 신경을 써주시면 됩니다.
• 작성이 완료되면 해당 Repo에 PR을 올려주시면 됩니다.