← 갤러리로 돌아가기

⏲ 타이머

원하는 시간을 정해두고 카운트다운 — 실습 시간 제한, 조별 활동, 발표 시간 재기에 바로 쓸 수 있어요
💡 프리셋을 고르거나 직접 시간을 입력하세요. 0이 되면 링이 빨갛게 바뀌고 알림음이 울립니다.
03:00

🧾 이 타이머, 이런 프롬프트로 만들었어요

아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.

범용 "카운트다운 타이머"를 단일 HTML 파일로 만들어줘.

- 남은 시간을 원형 프로그레스 링 + mm:ss 텍스트로 크게 표시
- 자주 쓰는 시간(1분/3분/5분/10분) 프리셋 버튼 제공
- 분/초를 직접 입력해서 원하는 시간으로 설정하는 기능도 추가
- 시작/초기화 버튼 (시작 버튼을 다시 누르면 일시정지)
- 0이 되면 링과 텍스트 색이 빨간색으로 바뀌고, Web Audio API로 짧은 알림음을 재생해줘
  (외부 mp3 파일 없이 오실레이터로 "삐" 소리를 만들어줘)
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어 UI로 출력해줘
이 페이지는 AI(Claude)가 만든 예시 도구입니다 — 강의 데모용