디데이는 오늘과 목표 날짜를 비교해 앞으로 며칠 남았는지 또는 며칠 지났는지 알려주는 계산입니다.
시험까지 며칠 남았는지, 만난 지 100일은 언제인지, 아이가 생후 몇 개월인지. 날짜 계산은 하루 차이로 결과가 달라지는 경우가 많아 기준을 알고 계산하는 것이 중요합니다.
디데이(D-day)는 목표일을 D로 두고, 그 전날을 D-1, 다음 날을 D+1로 세는 방식입니다. 남은 날짜는 '목표일 − 오늘'의 날짜 차이입니다. 2026년 10월 28일 기준으로 12월 25일은 D-58입니다.
시작일 2026-03-01
경과일 기준: 2026-06-08은 시작 후 99일 경과
며칠째 기준: 2026-06-08은 100일째디데이와 기념일을 셀 때 첫날을 포함하는지에 따라 달라지는 계산, 만 나이 통일 이후의 나이 계산법, 생후 개월수와 말일 처리 규칙을 예시로 정리합니다.가이드 읽기 →
나만의 버전이 필요하다면 아래 작업지시 프롬프트를 AI 채팅에 붙여 넣거나, 스킬 파일을 AI 코딩 에이전트에 저장하세요. 저희가 이 도구를 만들 때 정리한 기능, 예외 상황, 테스트 케이스가 그대로 담겨 있습니다.
Claude, ChatGPT, Gemini 같은 AI 채팅에 그대로 붙여 넣으세요.
당신은 숙련된 풀스택 웹 개발자입니다. 아래 요구사항에 맞춰 "디데이 계산기" 웹 도구를 만들어 주세요.
## 목표
오늘(또는 기준일)과 목표일 사이의 남은 날짜·지난 날짜를 D-day 형식으로 계산하는 도구를 만든다.
## 핵심 기능
- 목표일 선택 후 D-n / D-Day / D+n 표시
- 기준일 변경 옵션
- '며칠째'(첫날 포함) 계산 모드
- 100일·1000일 등 기념일 목록 생성
- 결과 문장 복사
## 입력
- 목표일
- 기준일(기본: 오늘), 계산 모드
## 출력
- D-day 표기
- 남은/지난 일수
- 기념일 목록
## 예외 상황과 처리 규칙
- 시각이 아닌 달력 날짜로만 계산
- 사용자 시간대 기준으로 '오늘' 결정
- 윤년 2월 29일 처리
- 목표일이 오늘이면 'D-Day'로 표시
## 구현 조건
- 서버 없이 브라우저에서 동작하는 단일 페이지(HTML, CSS, JavaScript)로 만들고, 입력 데이터를 외부로 전송하지 마세요.
- 모바일에서도 쓰기 편한 반응형 UI로 만들고, 입력 요소에는 레이블을 달아 키보드로도 조작할 수 있게 해 주세요.
- 결과에는 '복사' 버튼을 달고, 잘못된 입력에는 이해하기 쉬운 한국어 오류 메시지를 보여 주세요.
- 핵심 로직은 UI와 분리된 함수로 작성해 단위 테스트를 할 수 있게 해 주세요.
## 완료 기준 (테스트 케이스)
- 2026-10-28 기준 2026-12-25 → D-58
- 2026-03-01 시작 100일째 → 2026-06-08
- 같은 날짜 → D-Day
먼저 구현 계획을 5줄 이내로 설명한 다음 전체 코드를 작성하고, 마지막에 위 테스트 케이스를 확인하는 방법을 알려 주세요.Claude Code 같은 AI 코딩 에이전트에서 .claude/skills/build-d-day-calculator/SKILL.md 경로로 저장하면, 이 도구를 만들거나 고칠 때마다 다시 쓸 수 있습니다.
---
name: build-d-day-calculator
description: 디데이 계산기 도구를 새로 만들거나 수정할 때 사용합니다. 오늘(또는 기준일)과 목표일 사이의 남은 날짜·지난 날짜를 D-day 형식으로 계산하는 도구를 만든다.
---
# 디데이 계산기 만들기
## 목표
오늘(또는 기준일)과 목표일 사이의 남은 날짜·지난 날짜를 D-day 형식으로 계산하는 도구를 만든다.
## 작업 순서
1. 아래 필수 기능, 입력, 출력을 확인하고 빠진 정보가 있으면 먼저 질문합니다.
2. 핵심 로직을 UI와 분리된 순수 함수로 구현합니다.
3. 검증 목록의 테스트 케이스로 로직을 확인합니다.
4. 입력 폼, 결과 영역, 복사 버튼을 갖춘 반응형 UI를 만듭니다.
5. 규칙에 적힌 예외 상황을 하나씩 재현해 보고 오류 메시지를 다듬습니다.
## 핵심 기능
- 목표일 선택 후 D-n / D-Day / D+n 표시
- 기준일 변경 옵션
- '며칠째'(첫날 포함) 계산 모드
- 100일·1000일 등 기념일 목록 생성
- 결과 문장 복사
## 입력
- 목표일
- 기준일(기본: 오늘), 계산 모드
## 출력
- D-day 표기
- 남은/지난 일수
- 기념일 목록
## 규칙
- 시각이 아닌 달력 날짜로만 계산
- 사용자 시간대 기준으로 '오늘' 결정
- 윤년 2월 29일 처리
- 목표일이 오늘이면 'D-Day'로 표시
- 서버 없이 브라우저에서 동작하는 단일 페이지(HTML, CSS, JavaScript)로 만들고, 입력 데이터를 외부로 전송하지 마세요.
## 검증
- [ ] 2026-10-28 기준 2026-12-25 → D-58
- [ ] 2026-03-01 시작 100일째 → 2026-06-08
- [ ] 같은 날짜 → D-Day