핵심 요약
- 보기 네 개짜리 퀴즈를 파일 한 개로 만들고, 문제만 바꿔 끼워 계속 다시 씁니다
- 맞힌 개수와 틀린 문제의 정답을 마지막에 보여 주고, "다시 풀기"로 처음부터 풀 수 있습니다
- 점수는 저장되지 않습니다. 창을 닫으면 결과는 사라집니다
클로드 코드 왕초보 시리즈의 열두 번째 글이자, 따라 만들기 다섯 번째 순서입니다. 이번 것은 앞의 네 편과 성격이 조금 다릅니다. 한 번 만들어 두고 안에 든 문제만 갈아 끼우면 계속 새것으로 쓰는 틀을 만듭니다. 가족 모임 퀴즈, 교회나 동호회 행사 문제, 손주 공부 문제까지 같은 틀로 돌려 씁니다.
비결은 부탁하는 문장 안에 한 줄을 더 넣는 것입니다. "문제와 보기와 정답을 파일 맨 위에 한 덩어리로 모아 두라"고 미리 일러 두면, 나중에 문제를 바꿔 달라고 할 때 화면 짜임새는 건드리지 않고 문제만 갈아 줍니다.
오늘 만들 것 — 한 번에 한 문제씩
화면에는 문제 하나와 보기 네 개가 나옵니다. 위쪽에는 3 / 5처럼 몇 번째 문제인지 표시됩니다. 보기를 누르면 정답 보기가 초록색으로 바뀌고, 틀린 것을 골랐다면 내가 고른 보기가 빨간색으로 바뀝니다. 그다음 "다음 문제" 단추가 나타나고, 마지막 문제에서는 그 단추가 "결과 보기"로 바뀝니다.
끝까지 풀면 "5문제 중 4개 맞혔습니다"처럼 점수가 나오고, 틀린 문제는 정답과 함께 아래에 다시 보여 줍니다. "다시 풀기"를 누르면 처음 문제로 돌아갑니다. 점수는 저장되지 않습니다. 창을 닫으면 결과는 사라지고, 다음에 열면 다시 0점부터입니다.
준비 — 폴더에서 클로드를 부릅니다
- 연습 폴더를 엽니다.
- 윈도우는 폴더 주소 칸에
powershell, 맥은 터미널에서cd뒤에 폴더를 끌어다 놓고 Enter를 누릅니다. - 창이 열리면 아래를 칩니다.
claude이 일곱 줄을 그대로 붙여넣습니다
객관식 퀴즈 웹페이지를 만들어 줘.
문제는 5개이고, 파일 맨 위에 문제·보기 4개·정답을 한 덩어리로 모아 둬서 나중에 문제만 바꿔 끼울 수 있게 해 줘.
한 번에 한 문제씩 보여 주고, 위에 "3 / 5"처럼 몇 번째인지 표시해 줘.
보기를 누르면 정답은 초록, 내가 고른 틀린 답은 빨강으로 표시하고 "다음 문제" 버튼이 나오게 해 줘.
마지막에는 "5문제 중 4개 맞혔습니다"와 틀린 문제의 정답을 보여 주고 "다시 풀기" 버튼을 넣어 줘.
문제 내용은 초등학교 3학년이 풀 수 있는 상식 문제로 채워 줘.
quiz.html 파일 하나로만 만들고, 만들기 전에 무엇을 할지 먼저 알려 줘.두 번째 줄이 오늘의 핵심입니다. 이 한 줄이 있으면 문제들이 파일 맨 앞에 가지런히 모입니다. 나중에 "3번 문제를 이걸로 바꿔 줘"라고 했을 때 화면 모양은 그대로 두고 문제만 갈아 끼울 수 있습니다.
붙여넣고 Enter를 누르면 클로드가 무엇을 만들지 먼저 말해 줍니다. 좋아, 그렇게 만들어 줘라고 답하면 파일이 생깁니다. 요금제에 따라 만들기 전에 한 번 더 묻기도 하는데, 그때는 화살표 키로 고르고 Enter입니다.
열어서 풀어 보고, 문제를 갈아 끼웁니다
quiz.html을 더블클릭해 열고 한 판 풀어 보십시오. 일부러 한 문제는 틀려 보는 것이 좋습니다. 틀린 보기가 빨갛게, 정답이 초록으로 같이 표시되는지, 마지막 결과 화면에 틀린 문제의 정답이 나오는지 확인하기 위해서입니다.
이제 본론입니다. 클로드 코드 창으로 돌아가 문제를 갈아 끼웁니다. 문제와 보기와 정답을 한 번에 다 적어 주는 것이 요령입니다.
3번 문제를 이걸로 바꿔 줘. 문제는 "우리 동네에서 가장 오래된 다리 이름은?", 보기는 무지개다리·돌다리·새다리·한내다리, 정답은 돌다리야.문제를 6개로 늘려 줘. 마지막 문제는 일 년이 몇 개월인지 묻는 문제로 해 줘.문제 순서가 풀 때마다 섞이게 해 줘.실제로 문제를 하나 바꾸고 하나를 더 넣어 봤더니, 위쪽 표시가 1 / 5에서 1 / 6으로 저절로 바뀌었고 결과 화면의 "몇 문제 중 몇 개"도 같이 맞춰졌습니다. 문제 수를 손으로 세어 고칠 필요는 없습니다.
꼭 알아 두세요 문제를 바꿀 때는 정답을 반드시 함께 적어 주십시오. 정답을 알려 주지 않으면 클로드가 스스로 답을 정해 버리고, 그 답이 틀릴 수도 있습니다. 특히 우리 동네 이야기나 가족 이야기처럼 인터넷에 없는 내용은 확인할 방법이 없으니 반드시 정답을 같이 적어야 합니다. 다 만든 뒤에는 한 판 풀어 보며 정답 처리가 맞는지 직접 확인하시기 바랍니다.
잘 안 될 때
- 문제를 바꿨는데 화면은 그대로입니다. 브라우저가 예전 화면을 기억하고 있을 수 있습니다. Ctrl + F5(맥은 Cmd + Shift + R)로 새로 읽어 옵니다.
- 정답이 아닌 보기가 초록으로 나옵니다.
2번 문제 정답이 틀렸어. 정답은 돌다리야. 고쳐 줘.라고 정답을 알려 주며 말하면 됩니다. - 보기를 눌러도 색이 안 바뀝니다.
보기를 눌러도 아무 표시가 안 나. 고쳐 줘. - 문제가 너무 어렵습니다.
문제를 초등학교 1학년도 풀 수 있게 쉬운 것으로 바꿔 줘. - 고치기 전이 나았습니다. Esc를 두 번 누르거나
/rewind를 치면 되돌릴 수 있습니다.
자주 묻는 질문
문제를 100개까지 넣어도 되나요?
넣을 수는 있습니다. 다만 한 번에 너무 많이 부탁하면 중간에 빠뜨리기 쉬우니, 열 개쯤씩 나눠서 "여기에 다섯 문제 더 붙여 줘"처럼 부탁하고 그때마다 풀어 보며 확인하는 편이 안전합니다.
보기를 세 개나 두 개로 줄일 수 있나요?
됩니다. "보기를 두 개로 줄이고 O, X로 바꿔 줘"라고 부탁하면 됩니다. 문제 수와 마찬가지로 화면 표시도 같이 맞춰 줍니다.
누가 몇 점 받았는지 모아 볼 수 있나요?
파일 한 개로 만든 퀴즈로는 볼 수 없습니다. 점수는 푸는 사람 화면에만 잠깐 나왔다 사라지고, 나에게 전달되지 않습니다. 점수를 모으려면 인터넷에 자료를 모아 두는 준비가 따로 필요합니다.
함께 보면 좋은 글
- 클로드 코드 왕초보 시리즈 목차 — 설치부터 따라 만들기까지 순서대로 모아 두었습니다.
댓글
댓글 남기기