← 갤러리로 돌아가기

🗒 포스트잇 메모보드

자유롭게 메모를 붙이고 드래그로 옮겨보세요 — 브레인스토밍, 회고, 아이디어 정리에 활용하기 좋아요
💡 "새 메모" 버튼으로 메모를 추가하고, 메모를 드래그해서 옮기거나 색을 바꿔보세요. 새로고침하면 내용이 초기화되는 데모용 보드예요.

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

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

"포스트잇 메모보드" 웹앱을 단일 HTML 파일로 만들어줘.

- 큰 보드 영역 하나와 "새 메모" 버튼
- "새 메모"를 누르면 보드 위 무작위 위치에 포스트잇 모양의 메모(노란색 등 파스텔톤)가 생성됨
- 메모는 마우스로 드래그해서 자유롭게 위치를 옮길 수 있게 해줘 (포인터 이벤트 사용)
- 메모 안 텍스트는 클릭해서 바로 입력/수정 가능하게 (contenteditable)
- 메모 상단에 색상 바꾸기용 작은 색상 점 4~5개와, 메모 삭제 버튼(×)을 추가
- "모두 지우기" 버튼으로 보드를 초기화
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어 UI로 출력해줘
이 페이지는 AI(Claude)가 만든 예시 도구입니다 — 강의 데모용 · 새로고침 시 내용이 초기화됩니다