아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.
"목표 달성 계산기"를 단일 HTML 파일로 만들어줘. 입력값: 목표 이름, 현재 수치, 목표 수치, 단위, 목표 기한(날짜) 계산해서 보여줄 값: - 진행률(%)을 원형 프로그레스 링으로 표시 - 남은 수량(목표 수치 - 현재 수치) - 오늘부터 목표 기한까지 남은 일수 - 하루에 필요한 페이스(남은 수량 ÷ 남은 일수) - 주간 필요 페이스(하루 페이스 × 7) 입력값을 바꾸면 결과가 실시간으로 다시 계산되게 해줘. CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로 출력해줘.