아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.
"사다리타기" 게임을 단일 HTML 파일로 만들어줘. - 참가자 명단과 결과 명단을 각각 한 줄에 하나씩 입력받는 텍스트 영역 (개수는 같아야 함) - "사다리 만들기" 버튼을 누르면 참가자 수만큼 세로선을 그리고, 무작위 위치에 가로선(사다리 칸)을 배치해서 SVG로 사다리를 그려줘 (같은 줄에 인접한 가로선이 겹치지 않도록 해줘) - 각 참가자 이름을 클릭하면, 사다리 규칙에 따라 위에서 아래로 내려가는 경로를 계산해서 해당 참가자가 어떤 결과에 도착하는지 알려주고, 지나간 경로를 색으로 표시해줘 - 클릭할 때마다 결과를 아래 목록에 기록해줘 - CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어 UI로 출력해줘