← 갤러리로 돌아가기

🌤 무드 트래커

기분을 고르고 날짜를 눌러 기록하면 한 달의 감정 흐름이 색으로 쌓입니다
💡 직접 눌러보세요. 아래에서 기분을 먼저 고른 뒤, 달력의 날짜를 클릭하면 그 날의 기분으로 기록됩니다. 일부 날짜는 샘플로 미리 채워져 있어요.

오늘 기분은?

기분을 고르고, 달력에서 원하는 날짜를 클릭하세요

🧾 이 도구, 이런 프롬프트로 만들었어요

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

"무드 트래커"를 단일 HTML 파일로 만들어줘.

- 5단계 기분(최고/좋음/보통/별로/힘듦)을 이모지+색으로 고를 수 있는 버튼을 상단에 배치
- 이번 달 달력을 그려주고(요일 정렬 포함), 기분을 고른 상태에서 날짜를 클릭하면
  그 날짜 칸이 선택한 기분의 색으로 표시되게 해줘
- 오늘 날짜는 테두리로 구분되게 해줘
- 하단에 5단계 기분 범례를 표시해줘
- 데이터는 새로고침하면 초기화돼도 괜찮음(로컬 저장 없이 메모리에서만 관리)
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어 UI로 출력해줘
이 페이지는 AI(Claude)가 만든 예시 도구입니다 — 강의 데모용