로또 번호 생성기 만들기
코드를 직접 쓰지 않고 AI에게 말로 시켜서 프로그램을 만드는 첫 실습이에요. 받은 코드는 이 페이지에 붙여넣어 바로 실행하고, 미션을 해냈는지 자동으로 검사할 수 있어요.
완성하면 이런 모습이에요. 직접 눌러 보세요
1AI에게 세 줄로 요청하기
ChatGPT, Claude, Gemini 중 아무거나 열고 아래 요청을 붙여넣으세요.
HTML 파일 하나로 로또 번호 생성기를 만들어줘. 버튼을 누르면 1~45 중에서 겹치지 않게 6개를 뽑아서 보여줘. 인터넷 연결이나 설치 없이 파일 하나로 동작하게 해줘.
마지막 줄 "파일 하나로, 설치 없이"가 중요해요. 이 말이 없으면 AI가 설치가 필요한 방식으로 만들 때가 있어요. 처음 결과는 밋밋해도 괜찮아요. 꾸미기는 미션에서 해요.
2받은 코드를 붙여넣고 실행하기
AI 답변의 코드 상자 오른쪽 위 복사 버튼을 누르고, 아래 칸에 붙여넣은 뒤 ▶ 실행을 누르세요. 메모장도, 저장도 필요 없어요.
내 컴퓨터에 파일로 남기고 싶다면 (메모장 저장법)
- 메모장을 열고 코드를 붙여넣어요.
- 파일 → 다른 이름으로 저장에서 세 칸을 바꿔요. 파일 형식: 모든 파일(*.*), 파일 이름: lotto.html, 인코딩: UTF-8
- 저장한 파일을 더블클릭하면 브라우저에서 열려요. 아이콘이 메모장 모양이면 이름이
lotto.html.txt로 잘못 저장된 거예요.
3미션: 이제부터는 직접 시켜 보세요
요청문은 드리지 않아요. 목표만 보고 내 말로 AI에게 부탁하세요. 요청할 때는 무엇을 · 어떻게 동작 · 어떻게 보이게 · 조건(기존 기능은 그대로?) 네 가지만 생각하면 돼요. 고친 코드를 받을 때마다 위 칸에 다시 붙여넣고 미션 자동 검사를 눌러 보세요.
- 기본: 번호 6개 뽑기
버튼을 누르면 1~45 사이 숫자 6개가 겹치지 않게 나와야 해요.
- 진짜 로또 공처럼
숫자를 동그란 공에 넣고, 번호대별로 색을 다르게. (실제 로또: 1~10 노랑, 11~20 파랑, 21~30 빨강, 31~40 회색, 41~45 초록) 첫 미션이라 예시 한 줄: "숫자를 동그란 공 안에 넣어줘. 공 색은 실제 로또처럼 번호대별로 다르게 해줘."
- 공이 하나씩 튀어나오게
추첨 방송처럼 차례로. 힌트: 몇 초 간격으로, 어떤 움직임으로 나올지까지 말해 보세요.
- 보너스 번호
6개와 겹치지 않는 보너스 번호 1개를 따로. 힌트: "앞의 6개와 겹치면 안 된다"는 조건을 꼭 말하세요.
- 한 번에 5게임
버튼 한 번에 다섯 줄을 뽑아 보세요.
- 나만의 기능 (자유)
좋아하는 숫자 꼭 넣기, 효과음, 닫아도 남는 기록… 어떻게 요청할지는 여러분 몫이에요.
자동 검사는 화면에 보이는 숫자와 모양을 보고 판단하는 참고용이에요. 만든 방식이 달라서 "아직"이 나와도, 직접 확인했다면 했어요를 체크하세요. 미션은 하나씩 요청하고 매번 실행해서 확인하는 게 요령이에요. 망가지면 "방금 고친 거 되돌려줘" 한 마디면 돼요.
안 될 때 이렇게 말해 보세요
| 증상 | AI에게 이렇게 |
|---|---|
| 실행 화면이 하얗다 | "코드가 중간에 끊긴 것 같아. 전체 코드를 다시 줘" |
| 미션을 했더니 원래 기능이 사라졌다 | "기존 기능은 그대로 두고, 전체 코드를 처음부터 끝까지 줘" |
| 실행 화면 아래에 오류 문장이 뜬다 | "이런 오류가 나와: (오류 문장). 원인을 알려 주고 고친 전체 코드를 줘" |
| 파일로 열었더니 한글이 깨진다 | 메모장에서 저장할 때 인코딩을 UTF-8로 |
실험: 1등은 정말 814만 분의 1일까?
45개 중 6개를 고르는 방법은 8,145,060가지예요. 1초에 한 장씩 쉬지 않고 뽑아도 모든 조합을 한 번씩 보려면 약 94일이 걸려요. 내 번호로 매주 한 장씩 산다고 치고, 몇 년 치를 한 번에 돌려 볼까요?
등수 기준: 1등 6개, 2등 5개+보너스, 3등 5개, 4등 4개, 5등 3개 일치. 이론 확률은 1등 1/8,145,060 · 2등 1/1,357,510 · 3등 1/35,724 · 4등 1/733 · 5등 1/45예요. 어떤 방법으로 뽑아도 당첨 확률은 같아요. 재미로만 즐겨 주세요.
참고로 컴퓨터는 진짜 '랜덤'을 만들지 못하고, 계산으로 랜덤처럼 보이는 수(의사난수)를 만들어요. 게임에는 충분하지만, 보안처럼 예측되면 안 되는 곳에는 더 강한 방법을 따로 써요. 궁금하면 AI에게 "방금 만든 코드에서 랜덤은 어떻게 뽑는 거야?"라고 물어보세요.
블로그에서 자세히 보기: 그림으로 보는 실행 방법과 시리즈 이야기는 극초보 바이브코딩 #1 원문에 있어요.
다음 실습: #2 사다리 타기와 10초 맞추기
자주 묻는 질문
코딩을 하나도 몰라도 되나요?
네. 이 실습은 코드를 읽거나 쓰지 않고, 원하는 것을 말로 설명하는 연습이에요. 코드는 AI가 쓰고, 여러분은 실행해서 확인만 하면 돼요.
붙여넣은 코드는 어디로 가나요?
어디로도 보내지 않아요. 이 브라우저 안에만 저장되고, 격리된 실행 창에서만 돌아가요. 지우기를 누르면 바로 사라져요.
AI마다 결과가 다른데 괜찮나요?
괜찮아요. 같은 요청이라도 AI와 대화마다 다르게 나와요. 미션 목표만 맞으면 생김새는 사람마다 달라도 돼요.