ChatGPT로 만든 수업용 퀴즈·자리 바꾸기 룰렛·시뮬레이션을 학생들에게 링크로 보여 주는 방법

자리 바꾸기 룰렛, 단원 복습 퀴즈, 콩이 싹 트는 과정을 보여 주는 시뮬레이션. ChatGPT에게 부탁하면 몇 분 만에 HTML 파일로 나와요. 문제는 그다음이에요. 파일을 학생 25명의 태블릿에 하나씩 보낼 수는 없고, 받은 파일을 열어도 버튼이 눌리지 않는 기기가 있어요.

이 글은 ChatGPT에게 수업 도구를 부탁하는 문장부터, 수업 전에 확인하는 방법, 학생에게 링크와 QR 코드로 나눠 주는 순서까지 다뤄요. 학생 이름 같은 개인정보를 페이지에 넣지 않는 방법도 함께 적었어요. 아이패드로 수업한다면 아이패드에서 HTML 파일을 여는 방법도 같이 보세요.

수업에서 쓸 수 있는 도구

ChatGPT에게 부탁하기 쉽고 수업에서 자주 쓰는 건 화면 하나로 끝나는 도구예요.

• 자리 바꾸기 룰렛. 번호를 섞어서 자리 배치도에 넣어요. 앞자리에 앉힐 번호만 먼저 정해 둘 수도 있어요.
• 발표자 뽑기 룰렛. 번호 하나를 골라 화면 가득 크게 보여 줘요. 한 번 뽑힌 번호를 빼면 같은 학생이 또 걸리지 않아요.
• 4지선다 퀴즈. 답을 누르면 바로 맞았는지와 풀이가 나와요.
• 타이머. 남은 시간을 크게 보여 주고, 끝나면 소리로 알려요.
• 모둠 나누기. 번호를 정한 인원(예: 4명)씩 나눠요.
• 과학 시뮬레이션. 슬라이더로 값을 바꾸면 그림과 숫자가 따라 움직여요.

도구마다 페이지를 하나씩 만들면 화면이 단순하고 잘못 누를 일도 적어요. 다만 무료 요금제로 한 번에 게시할 수 있는 페이지는 1개예요. 도구가 여럿이면 한 페이지에 탭으로 모아 달라고 ChatGPT에게 부탁하세요.

ChatGPT에 이렇게 부탁하세요

아래 문장을 ChatGPT에 붙여 넣고, [ ] 안을 수업에 맞게 바꾸세요. 자리 바꾸기 룰렛을 부탁하는 문장이에요. 핵심은 두 가지예요. 모든 것을 파일 하나에 담을 것, 그리고 어디로도 아무것도 보내지 않을 것.

교실 화면과 학생 태블릿에서 쓸 자리 바꾸기 페이지를 만들어 주세요.

- 자리는 [6]줄, 한 줄에 [5]자리. 화면 위쪽에 교탁을 그려 주세요.
- '섞기'를 누르면 1번부터 [30]번까지의 번호를 자리에 무작위로 넣어 주세요.
- 학생 이름은 쓰지 말고 번호만 써 주세요.
- 앞자리에 고정할 번호를 먼저 고를 수 있게 해 주세요.
- 교실 뒤에서도 읽히는 큰 글자, 손가락으로 누르기 쉬운 큰 버튼으로 만들어 주세요.
- 아무것도 다른 사이트로 보내지 마세요. fetch, 폼 전송, 외부 서비스는 쓰지 마세요.
- CSS와 JavaScript를 모두 넣은 HTML 파일 하나로, 코드 블록 하나에 전체를 주세요.

다른 도구로 바꿀 때는 첫 줄을 고치고, 자리 배치(줄과 교탁), '섞기', 앞자리 고정을 말하는 세 줄을 지운 뒤 그 자리에 아래 문장을 넣으세요. 이름, 글자 크기, 보내지 않기, 파일 하나를 말하는 나머지 줄은 그대로 두세요.

• 4지선다 퀴즈: "[단원 이름] 복습 퀴즈 10문제. 문제마다 보기 4개. 답을 누르면 맞았는지와 한 줄 풀이를 보여 주고, 마지막에 점수와 '다시 풀기' 버튼을 보여 주세요."
• 타이머: "1분·3분·5분 버튼과 직접 입력 칸. 남은 시간을 화면 가득 보여 주고, 끝나면 소리로 알려 주세요. 소리는 '시작'을 누른 뒤에만 나게 해 주세요."
• 과학 시뮬레이션: "[주제]를 보여 주는 시뮬레이션. canvas에 그리고, 슬라이더 2개로 [값]을 바꾸면 바로 반영해 주세요. 라이브러리가 필요하면 cdnjs나 jsDelivr에서 https로 불러와 주세요."

ChatGPT가 쓴 문제와 풀이, 공식과 숫자는 수업 전에 직접 확인하세요. AI도 틀려요. 콜로라도 대학교의 PhET에 같은 주제의 시뮬레이션이 있다면 그쪽을 쓰는 편이 빨라요. ChatGPT로 만드는 건 수업의 숫자나 문제에 맞추고 싶을 때예요.

수업 전에 HTML 뷰어로 확인하기

ChatGPT가 준 파일이 제대로 움직이는지는 Convika의 HTML 뷰어에서 먼저 볼 수 있어요. 뷰어에서 .html 파일을 고르거나 코드를 붙여 넣으면 브라우저 안에서 페이지가 바로 열려요. 파일은 업로드되지 않아요. 화면 너비를 ‘휴대폰’과 ‘전체 너비’로 바꿔 가며 볼 수 있어서, 학생 태블릿에서 버튼이 화면 밖으로 밀리지 않는지 미리 알 수 있어요.

그림이 깨져 보이면 파일 옆에 있던 image.png 같은 파일을 불러오려는 거예요. 그림은 https://로 시작하는 주소를 쓰거나 파일 안에 넣어 달라고 ChatGPT에게 다시 부탁하세요.

학생에게 링크로 주는 4단계

1. 업로드 상자에 파일을 넣어요

이 페이지 위쪽의 업로드 상자에 .html 파일을 넣거나 코드를 붙여 넣고 링크를 만드세요. 가입하지 않아도 돼요. 이 링크는 3분 동안만 열리고, 안전을 위해 스크립트와 폼이 꺼져 있어요. 그래서 룰렛은 돌지 않고 퀴즈도 눌리지 않아요. 생김새를 보는 확인용이니 학생에게 보내지 마세요.

2. ‘이 페이지 보관하기’를 눌러 무료로 가입해요

카드 없이 무료로 가입하면 올린 페이지가 계정으로 옮겨지고, 그때부터 스크립트가 실행돼요. 대시보드의 페이지 화면에서 미리보기를 열어 룰렛을 돌려 보고 퀴즈를 끝까지 풀어 보세요.

3. 게시해요

페이지 화면에서 ‘게시하기’를 누르세요. 처음 게시할 때는 누가 볼 수 있는지와 요금제를 고르는 화면이 차례로 나와요. 무료로 쓰려면 무료 요금제를 고르세요. 무료 요금제 페이지에는 아래쪽에 작은 Convika 배너가 붙어요.

무료로 게시하면 전체 공개가 돼요. 링크를 아는 사람은 누구나 열 수 있고, 검색 결과나 Convika 갤러리에 나올 수도 있어요. 일부 공개(Pro 기능)를 고르면 검색 결과와 갤러리에는 나오지 않지만, 링크를 받은 사람은 누구나 열고 다른 사람에게 보낼 수도 있어요.

게시하면 yourpage.convika.page 같은 주소가 생겨요. 게시를 중단하기 전까지 이 주소는 바뀌지 않아요.

4. 링크와 QR 코드를 나눠 줘요

페이지 화면의 게시 주소 옆에서 QR 코드를 크게 띄울 수 있어요. 교실 화면에 띄우면 학생은 태블릿 카메라로 찍어서 바로 열어요. PNG로 내려받아 학습지나 슬라이드에 넣을 수도 있어요. 주소를 복사해 학급 게시판이나 메신저에 올려도 돼요. 학생은 앱을 설치하거나 가입하지 않고 브라우저에서 열어요.

파일, 확인용 링크, 게시한 링크 비교

QR 코드도 링크를 담을 뿐이에요. 파일 자체를 QR 코드로 바꿀 수는 없어서, 먼저 게시한 주소가 있어야 해요.

학생이 몇 명 열었는지 보기

게시한 페이지의 화면에서는 페이지가 몇 번 열렸는지 날짜별로 볼 수 있어요. 기기와 나라별로도 나뉘어요. 누가 열었는지는 몰라요. 다만 페이지에서 누른 버튼과 링크는 그 글자와 함께 클릭으로 기록돼요. 퀴즈라면 학생이 누른 보기의 글자가 남고, 어느 학생이 눌렀는지는 남지 않아요.

무료 요금제에는 한 달 10,000 페이지뷰가 포함돼요. 반 전체가 수업마다 여는 도구라면, 이 한도를 넘었을 때 어떻게 되는지 요금제 페이지(영어)에서 확인해 두세요.

명단과 점수 같은 개인정보

• 학생 이름을 파일에 넣지 마세요. 게시한 페이지는 주소를 아는 사람 누구나 열 수 있고, 페이지 소스에서 이름을 읽을 수 있어요. 번호만으로 돌아가게 만드는 것이 가장 안전해요.
• ChatGPT에 보내는 문장에도 명단을 쓰지 마세요. "30명"처럼 인원만 알려 줘도 만들 수 있어요.
• 이름이 꼭 필요하면 수업 때 입력 칸에 붙여 넣게 하세요. 명단을 sessionStorage에만 두라고 부탁하면 탭을 닫을 때 사라져요. MDN 설명에 따르면 sessionStorage의 데이터는 페이지 세션이 끝날 때 지워지고, 새로고침해도 남아 있어요. 같은 주소를 다른 탭에서 열면 빈 상태로 시작해요. HTML 뷰어에서는 sessionStorage가 막혀 있으니, 저장이 안 되는 곳에서도 멈추지 않게 try로 감싸 달라고 함께 부탁하세요.
• 이름을 버튼이나 링크 글자로 쓰지 말아 달라고 부탁하세요. 게시한 페이지에서 누른 버튼과 링크의 글자는 Convika에 클릭으로 기록돼요. 이름이 적힌 버튼을 누르면 그 이름도 남아요.
• 학교 규칙을 먼저 확인하세요. 학생 정보를 어떤 기기와 서비스에서 다뤄도 되는지는 학교마다 달라요. 모르겠다면 정보 담당 선생님께 물어보세요.

이름이 들어간 자리 배치표를 학생 기기에서 보여 줘야 한다면, 링크만으로 열리는 페이지에 올리지 말고 비밀번호를 거세요. 비밀번호는 Pro 기능이에요.

고쳐서 다시 올려도 같은 링크

수업 중에 오답을 발견하면 ChatGPT에서 고친 파일을 받아, 대시보드의 같은 페이지 화면에서 새 버전으로 올리세요. 새 버전을 미리보기로 확인하고 게시하면 주소는 그대로예요. 학생에게 나눠 준 링크와 출력한 QR 코드가 그대로 새 버전을 열어요.

고친 파일을 새 페이지로 올리면 주소가 다른 페이지가 생겨서, 나눠 준 링크와 QR 코드가 그 페이지를 열지 않아요. 꼭 같은 페이지의 새 버전으로 올리세요.

학생 기기에서 안 열릴 때

게시한 페이지는 보통 웹 페이지라서 아이패드, 크롬북, 휴대폰의 브라우저에서 열려요. 그래도 학교 네트워크의 필터나 기기 관리 설정이 처음 보는 사이트를 막을 수 있어요. 수업 전에 학생 기기 한 대로 열어 보고, 막히면 학교 전산 담당자에게 페이지 주소를 허용해 달라고 부탁하세요.

시뮬레이션의 3D 그림은 WebGL로 그려요. 오래된 기기에서 화면이 하얗게 비면, 같은 내용을 canvas 2D나 p5.js로 다시 부탁하세요. 학생 휴대폰이 갤럭시라면 갤럭시에서 HTML 파일을 여는 방법이 도움이 돼요. 학생이 직접 만든 퀴즈를 반 친구들과 나누는 방법은 학생용 글에 따로 적었어요.

자주 묻는 질문

ChatGPT로 만든 퀴즈를 학생들에게 어떻게 보내나요?

ChatGPT에게 퀴즈를 HTML 파일 하나로 받아 Convika 업로드 상자에 넣고, ‘이 페이지 보관하기’로 무료 가입한 뒤 게시하세요. 게시한 주소를 링크나 QR 코드로 나눠 주면 학생은 브라우저에서 바로 풀어요. 업로드 상자가 주는 확인용 링크는 3분 동안만 열리고 스크립트가 꺼져 있어서 퀴즈가 움직이지 않아요.

수업용 룰렛을 무료로 쓸 수 있나요?

네. ChatGPT에게 룰렛을 HTML 파일 하나로 부탁하고, Convika 무료 요금제로 게시하면 돼요. 무료 요금제는 카드 없이 쓸 수 있고, 게시 페이지 1개와 한 달 10,000 페이지뷰가 포함돼요. 페이지 아래쪽에는 작은 Convika 배너가 붙어요. ChatGPT 이용료는 쓰는 요금제에 따라 달라요.

학생도 계정이 있어야 하나요?

아니요. 게시한 페이지는 보통 웹 페이지라서 학생은 링크나 QR 코드만으로 열어요. 앱 설치도 로그인도 필요 없어요. 계정은 페이지를 보관하고 게시하는 선생님에게만 필요해요.

학생 기기에서 안 열리면 어떻게 하나요?

먼저 선생님 휴대폰으로 같은 링크를 열어 보세요. 휴대폰에서는 열리는데 학교 기기에서만 안 열린다면, 학교의 네트워크 필터나 기기 관리 설정을 확인해야 해요. 학교 전산 담당자에게 페이지 주소를 알려 주고 허용을 부탁하세요. 업로드 상자의 확인용 링크를 보냈다면, 그 링크는 3분 뒤에 열리지 않으니 게시한 주소로 바꿔 주세요.

학생 점수를 모을 수 있나요?

기본으로는 안 돼요. Convika는 열린 횟수와 눌린 버튼 같은 방문 기록만 남기고, 누가 몇 점을 받았는지는 몰라요. 게시한 페이지의 스크립트는 어느 요금제에서도 자기 주소 말고 다른 사이트로 데이터를 보낼 수 없어요. 유료 요금제에서는 분석 도구와 광고 도구의 주소만 더해져요. 보관한 페이지에 Convika 폼을 붙이면 응답을 받을 수 있고, 무료 요금제는 모든 폼을 합쳐 한 달 50건까지 보여 줘요. 학생 이름과 점수를 모으기 전에 학교 규칙을 먼저 확인하세요.

HTML 시뮬레이션을 수업에 쓸 수 있나요?

네. ChatGPT에게 canvas에 그리고 슬라이더로 값을 바꾸는 시뮬레이션을 HTML 파일 하나로 부탁하세요. Convika가 2026년 10월 17일에 시험했을 때, canvas만 쓴 시뮬레이션과 cdnjs·jsDelivr에서 불러온 p5.js, Matter.js, three.js 시뮬레이션이 게시한 페이지와 같은 보안 설정에서 움직였어요. 다른 사이트에서 데이터를 불러오는 시뮬레이션은 움직이지 않아요. 실제 학생 기기와 학교 필터는 시험하지 않았으니 수업 전에 한 번 열어 보세요.

출처

• Window.sessionStorage (MDN) (2026년 10월 22일 확인)
• PhET 인터랙티브 시뮬레이션 (콜로라도 대학교) (2026년 10월 22일 확인)