⏰ front-timer

HTML, CSS, JavaScript를 이용하여 웹 타이머를 만들어봅니다.

💻 미리보기

아래 디자인 시안을 따라 프로그램을 완성해주세요.

• 디자인 시안 figma로 보기

🎯 기능 요구사항

• 남은 시간이 표시되어야 한다.
• 시작 버튼을 누르면 남은 시간이 차감되어야 한다.
• 정지 버튼을 누르면 차감되던 시간이 멈추어야 한다.
• 시간 추가 버튼을 누르면 해당 값만큼 남은 시간이 추가된다.
• 남은 시간이 00:00가 된 경우, 사용자에게 종료되었음을 알려주는 경고창이 발생해야 한다.

📰 안내사항 & 팁

• 미션은 기본적으로 fork 후 개인 저장소에서 진행하고, 완료하면 원본 저장소에 Pull Request를 보냅니다.
• 코드 스타일에는 정답이 없습니다. 여러가지 스타일을 참고 하여 깔끔하고 일관성 있는 스타일을 유지해봅시다.
  • Google JavaScript Style Guide
  • Airbnb JavaScript Style Guide
  • JavaScript Standard Style
  • NHN FE개발랩
• 외부 라이브러리는 사용하지 않습니다.
• 내가 모르는건 다른 사람도 모를 가능성이 큽니다. 부끄러워하지 말고 질문하여 함께 공부합시다.

📖 함께보면 좋은 자료

• MDN Docs - setInterval
• MDN Docs - Window.alert()