코딩을 잘 몰라도 AI로 앱을 만들 수 있을까? 직접 로또 추첨기를 만들어봤습니다

AI를 사용하다 보면 요즘은 정말 못하는 일이 없는 것처럼 느껴집니다.

글도 만들어주고, 이미지도 만들어주고, 코드까지 만들어줍니다.

 

그러다 문득 궁금해졌습니다.

“그럼 코딩을 잘 모르는 사람도 AI를 이용해서 실제로 사용할 수 있는 앱을 만들 수 있을까?”

 

직접 한번 테스트해봤습니다.

첫 번째로 만들어본 것은 로또 번호 추첨기입니다.

---

🎯 직접 만든 LOTTO AI LAB V6.2

이번 앱은 제가 직접 만들고 GitHub Pages에 올린 웹앱입니다.

👉 LOTTO AI LAB V6.2 바로 실행하기

LOTTO AI LAB V6.2

처음에는 번호 6개만 뽑으려고 했습니다

처음 아이디어는 정말 간단했습니다.

1부터 45까지 중에서 중복되지 않는 번호 6개를 뽑는 것.

이 정도였습니다.

 

그런데 실제로 만들어보니 조금씩 추가하고 싶은 기능이 생겼습니다.

처음에는 랜덤 번호 생성만 넣었습니다.

 

그다음에는 모바일 화면에 맞게 디자인을 수정했습니다.

번호도 그냥 숫자로 보여주는 것보다 로또 공처럼 보여주는 것이 보기 좋을 것 같았습니다.

 

그래서 번호 공 디자인을 추가했습니다. 그다음에는 한 번에 5개 조합을 보여주도록 변경했습니다.

이렇게 하나씩 수정했습니다.

---

AI에게 코드를 하나씩 요청했습니다

 

제가 개발자가 아니다 보니 코드를 처음부터 직접 작성하지는 않았습니다.

AI에게 원하는 기능을 설명하고, 만들어진 결과를 직접 실행해봤습니다.

예를 들어 이런 식입니다.

“1부터 45까지 번호 중에서 중복 없이 6개를 선택해주세요.”

실행해보고 문제가 없으면 다음 요청을 합니다.

“모바일 화면에서 보기 편하게 수정해주세요.”

다시 실행합니다.

 

그리고

“번호를 원형의 로또 공처럼 표시해주세요.”

다시 실행합니다.

 

이런 과정을 계속 반복했습니다.

결국 AI가 앱을 한 번에 만들어준 것이 아니라, 제가 사용해보고 필요한 부분을 계속 수정해나간 것에 가깝습니다.

---

번호별 가중치도 적용해봤습니다

조금 더 재미있는 기능을 넣어보고 싶어서 번호별 가중치를 적용했습니다.

이번 V6.2에서는 최근 10회차의 출현 경향을 가장 크게 반영하고,

최근 100회와 전체 데이터도 함께 고려하도록 구성했습니다.

 

번호마다 서로 다른 가중치를 가지고 있고, 이 값을 이용해서 번호를 선택합니다.

하지만 여기서 반드시 구분해야 하는 부분이 있습니다.

과거 출현 빈도가 미래 당첨 확률을 높여주는 것은 아닙니다.

예를 들어 특정 번호가 최근에 많이 나왔다고 해서

다음 회차에도 그 번호가 나올 가능성이 높아지는 것은 아닙니다.

따라서 이 기능을 로또 예측 기능으로 생각하면 안 됩니다.

제가 데이터를 활용해서 다양한 방식의 번호 조합을 만들어보기 위해 넣은 기능입니다.

---

과거 당첨 조합은 다시 나오지 않도록 했습니다

또 하나 넣은 것이 역대 당첨번호 필터입니다.

앱에는 과거 당첨번호 데이터를 저장해놓았습니다.

새로운 조합이 만들어지면 과거 데이터와 비교합니다.

 

만약 완전히 똑같은 6개 조합이 존재한다면 해당 조합을 버리고 다시 번호를 생성합니다.

예를 들어

1, 15, 19, 31, 35, 43

이라는 조합이 이미 존재한다면 같은 조합은 결과에 표시하지 않는 방식입니다.

---

앱의 기본적인 동작 방식

복잡하게 생각하면 어려워 보이지만 실제 구조는 비교적 단순합니다.

번호 생성
    ↓
6개 번호 선택
    ↓
번호 합계 조건 확인
    ↓
과거 당첨 조합 확인
    ↓
이미 생성된 조합과 중복 확인
    ↓
조건 만족
    ↓
화면에 결과 출력

 

조건을 만족하지 못하면 다시 번호를 생성합니다.

이 과정을 JavaScript로 구현했습니다.

---

HTML, CSS, JavaScript는 각각 무슨 역할을 할까요?

이번에 앱을 만들면서 저도 이 부분을 조금씩 이해하게 됐습니다.

HTML

앱의 기본 구조를 만듭니다.

버튼, 제목, 결과 영역 등이 HTML로 구성됩니다.

CSS

화면을 꾸밉니다.

제가 만든 앱에서는 로또 공의 모양이나 버튼, 카드 디자인 등이 CSS에 해당합니다.

JavaScript

실제로 앱이 움직이도록 만듭니다.

버튼을 눌렀을 때 번호를 생성하고, 조건을 확인하고, 결과를 화면에 표시하는 역할입니다.

결국 이번 앱은 기본적으로

HTML + CSS + JavaScript

세 가지로 만들어졌습니다.

---

그리고 GitHub Pages에 올렸습니다

 

완성된 HTML 파일을 GitHub Pages에 올렸습니다.

그래서 제 컴퓨터에서만 실행되는 프로그램이 아니라 인터넷 주소를 통해 누구나 사용할 수 있게 됐습니다.

제가 만든 앱

 

AI에게 코드를 만들어달라고 하는 것에서 끝나는 것이 아니라,

직접 만든 프로그램을 실제 인터넷에 올리고 다른 사람에게 보여줄 수 있다는 것까지 경험할 수 있었기 때문입니다.

---

블로그와 웹앱을 연결해보려고 합니다

이번 프로젝트를 하면서 한 가지 아이디어가 생겼습니다.

정보를 블로그 글로만 전달하지 않고,

 

필요한 경우 직접 사용할 수 있는 작은 도구까지 같이 제공하면 어떨까?

예를 들어 정부지원금에 관한 글을 작성한다면 지원금 정보를 설명하는 것에서 끝나는 것이 아니라,

사용자가 자신의 조건을 입력하면 관련 지원사업을 찾아주는 도구를 만들어볼 수도 있습니다.

 

자동차 관련 글이라면

차량 가격만 비교하는 것이 아니라 유지비를 직접 계산해볼 수 있는 계산기를 넣을 수도 있습니다.

 

여행 글이라면 예상 경비를 계산하는 도구를 넣을 수도 있습니다.

이런 방향으로 백수형의 정보창고 콘텐츠를 조금씩 발전시켜볼 생각입니다.

---

 

마무리

이번에 직접 만들어보면서 가장 크게 느낀 것은 생각보다 진입장벽이 낮다는 점이었습니다.

물론 코딩을 전혀 몰라도 모든 프로그램을 만들 수 있다는 의미는 아닙니다.

 

하지만 간단한 웹앱 정도라면 AI에게 기능을 설명하고,

결과를 직접 확인하면서 수정해나가는 방식으로 충분히 시작할 수 있었습니다.

 

저도 이번 로또 앱을 시작으로 하나씩 직접 만들어보면서 어디까지 가능한지 확인해보려고 합니다.