바이브 코딩 - 주식 게임 만들기 📈🕹️

“주식하다가 돈 날릴까 봐 무서운 사람들 필수 😥
진짜 돈 넣기 전에 실력부터 확인하는 가짜 주식 게임! 📉📈
손실 없이 투자 감각을 익히고 싶은 분들을 위해
현실처럼 움직이는 모의 투자 앱 후기와 사용법을 정리했습니다.”

바이브 코딩 - 주식 게임 만들기 - 첫 화면

📈 직접 만든 주식 시뮬레이션 게임 소개

'바이브 코딩'으로 처음 만들어본 어플입니다. 😎

요즘 ‘바이브 코딩’이 유행한다는데, 딱히 따라 해 볼 생각은 없었어요. 
그런데 TV를 보다가 ‘Lovable’을 이용해서 어린이들도 게임을 만든다는 걸 보고 흥미가 생겼습니다.

그래서 저도 Lovable AI를 활용해 주식 시뮬레이션 게임을 직접 만들어봤어요.

처음에는 단순히 ‘주식 사고팔기’ 정도만 생각했는데
만들다 보니 기능이 점점 늘어나면서 실제 투자 느낌을 꽤 살린 게임으로 발전하게 됐습니다.

만드는 방법 자체는 생각보다 어렵지 않았지만,
지금은 무제한 무료 버전이 종료돼서 한 번 수정할 때마다 제공되는 무료 크레딧이 소모되더라고요 😅

그래서 하루에 한 번 정도만 수정할 수 있다 보니
완성까지 시간이 조금 걸리고 있고
현재 계속 수정하면서 점점 더 완성도를 높여가는 중입니다.
 

---

바이브 코딩 - 주식 게임 만들기 - 주식 모음

💡 어떤 게임인가요? 

이 게임은 실제 주식 시장처럼
뉴스, 수익, 손실, 대출, 레버리지 등을 고려하면서
투자를 경험할 수 있는 투자 시뮬레이션 게임입니다.

단순 클릭 게임이 아니라
“왜 올랐는지, 왜 떨어졌는지”를 생각하게 만드는 구조입니다.

---

🧩 주요 기능 

1. 주식 매수 / 매도 시스템

• 원하는 종목을 선택해서 직접 매수, 매도 가능
• 현재 가격과 손익이 실시간 반영
• 보유 종목은 ‘내 주식’에서 확인 가능

2. 포트폴리오 관리

• 보유 종목, 수익률, 총 자산 확인
• 주식을 팔면 즉시 현금으로 반영
• 전체 투자 흐름을 한눈에 볼 수 있음

3. 레버리지 투자 기능

• 1배, 2배, 3배 레버리지 선택 가능
• 적은 돈으로 더 큰 투자 가능
• 수익도 커지지만 손실도 커지는 구조

→ 실제 투자처럼 “위험과 보상”을 체험 가능

4. 대출 시스템

• 자금이 부족할 경우 대출 가능
• 대출 시 현금 증가
• 이자 발생 (일일 이자 구조)
• 상환 기능 포함

→ 무리한 투자 시 리스크 체험 가능

5. 뉴스 기반 시장 변화

• 다양한 뉴스가 시장에 영향
• 주가 변동 이유 제공

예:

• 실적 발표
• 산업 성장
• 악재 뉴스

→ 단순 숫자가 아니라
“왜 가격이 움직였는지” 이해할 수 있음

6. 알림 시스템

• 거래 결과
• 수익/손실 변화
• 주요 이벤트

→ 투자 상황을 계속 추적 가능
 

7. 수익 / 손실 분석 피드백

• 큰 손실 발생 시 이유 설명
• 잘못된 투자 타이밍 분석

예:

• 고점 매수
• 하락 추세 진입
• 뉴스 영향 무시

→ 게임이면서 학습 기능 포함

8. 모바일 최적화 UI

• 스마트폰에서도 플레이 가능
• 버튼 크기 및 UI 개선

 

---

🚀 주요 기능  이미지로 설명 

1. 회원가입은 간단하게!

평소 회원가입할 때 개인정보를 많이 입력해야 하는 게 불안하고 불편했기 때문에 저는 이름과 비밀번호만으로 가입할 수 있도록 만들었습니다. 🥳

바이브 코딩 - 주식 게임 만들기 - 회원 가입

 

2. 주식 목록

로그인 후 들어가면 다양한 주식 목록을 확인할 수 있어요.
 
처음에는 어린이나 주식 초보자들이 부담 없이 체험할 수 있도록 만드는 것이 목표였기 때문에, 전체적인 디자인을 귀엽고 친근한 느낌으로 구성해 봤습니다.
 
기술, 의료, 에너지, 금융, 엔터테인먼트, 소비재 등 여러 분야의 주식을 준비했고, 회사 수가 적으면 분석하는 재미가 떨어질 것 같아 종목을 50개까지 늘려보았습니다.

바이브 코딩 - 주식 게임 만들기 - 주식 투자

 

3. 주식 종목 정보

• 주식을 클릭하면 해당 종목에 대한 다양한 정보를 확인할 수 있어요. (개요 / 재무 / 분석)
• 단순히 주식을 매수하고 매도하는 것이 아니라, 정보를 바탕으로 분석하면서 투자 결정을 해볼 수 있도록 만들어보았습니다.

바이브 코딩 - 주식 게임 만들기 - 주식 정보 - 개요

바이브 코딩 - 주식 게임 만들기 - 주식 정보 - 재무

바이브 코딩 - 주식 게임 만들기 - 주식 정보 - 분석

4. 주식 속보

'뉴스 메뉴'를 누르고 뉴스 속보를 확인하며 주식을 매수, 매도할 수 있어요.

바이브 코딩 - 주식 게임 만들기 - 주식 정보 - 속보

 

5. 상단 메뉴 & 내 주식 메뉴

상단 메뉴에서는 현재 보유한 현금, 총 자산, 수익을 한눈에 확인할 수 있어요.
자금이 부족할 경우에는 대출도 가능하고, 수수료나 세금, 배당금 같은 투자 관련 정보도 함께 확인할 수 있습니다.
 
또 ‘내 주식 메뉴’에 들어가면 보유 중인 종목들의 포트폴리오를 분석할 수 있고, 현금 흐름과 지금까지의 투자 수익까지 확인할 수 있어요.
전체적인 투자 상황을 한눈에 파악할 수 있도록 다양한 정보를 제공하고 있습니다.

바이브 코딩 - 주식 게임 만들기 - 주식 정보 - 내 주식

 

6. 알림 메뉴

‘알림 메뉴’에 들어가면 나와 관련된 다양한 알림 정보를 확인할 수 있어요.
 
예를 들어 주식을 매수하거나 매도했을 때의 기록, 대출 시 발생하는 이자 내역, 대출금 상환 내용, 수수료, 세금, 배당금 정보 등 투자와 관련된 모든 변화를 한눈에 확인할 수 있습니다.
 
(하하… 저는 주식을 잘 못해서 보유하던 종목들이 강제 청산당했네요 😅)

바이브 코딩 - 주식 게임 만들기 - 주식 정보 - 알림

7. 투자 순위

‘순위 메뉴’를 누르면 현재 나의 투자 순위를 확인할 수 있어요. 👍
 
(친구들과 함께 하는 건 아니고 가상의 상대와의 대결입니다. 
현재는 같은 기기를 이용하면서 아이디만 다르게 해서 로그인하면 서로 대결할 수는 있어요.)

바이브 코딩 - 주식 게임 만들기 - 순위

 

8. 획득한 업적

‘업적 메뉴’를 누르면 게임을 진행하면서 달성한 다양한 업적을 확인할 수 있어요.
특정 목표를 달성하면서 플레이하는 재미를 더해줍니다. 😆
 

바이브 코딩 - 주식 게임 만들기 - 업적

 

---

 

🎯 이 게임의 핵심 포인트 

 
이 게임은 단순히 돈을 버는 게임이 아니라
다음과 같은 경험을 목표로 만들었습니다.

• 왜 수익이 났는지 이해
• 왜 손실이 났는지 분석
• 더 나은 선택을 고민하게 만드는 구조
• 주식을 게임으로 재미있게 공부하는 구조

---

🧠 직접 만들어보면서 느낀 점

요즘 다들 바이브코딩을 이야기하는데,
직접 만들어보기 전까지는 정확히 어떤 건지 잘 모르겠더라고요.

그러다 유퀴즈를 봤는데 전문가분이
책으로 공부하는 것보다 직접 실습해 보는 게 이해하기 쉽다고 하셔서,
바로 주식 게임을 한번 만들어보았습니다.

직접 만들어보니 이제야
바이브코딩이 어떤 건지 감이 조금씩 오는 것 같아요.

만들면서 느낀 점은,
AI를 활용하면 다양한 기능을 빠르게 구현할 수 있는 건 맞지만
단순히 “알아서 만들어줘”라고 하면
생각처럼 완벽하게 작동하지는 않더라고요.

특히 지금은 무료 버전을 사용 중이라
하루에 한 번 정도만 수정할 수 있다는 점도
조금 불편하게 느껴졌습니다.

그래도 게임을 만들어본 적 없는 저도
이 정도까지 구현할 수 있었다는 점은
꽤 놀랍게 느껴졌어요 🥳

처음에는 단순한 아이디어였지만,
지금은 꽤 “투자 느낌”이 나는 게임이 된 것 같습니다.

요즘은 다른 공부를 잠시 미루고
이걸 나름 열심히 만들어보고 있는데…
과연 실제로 이용해 주는 분들이 있을지
궁금하기도 합니다 ㅎㅎ
 

---

🕹️ 게임을 즐기려면? 

 
📈 주식 게임 주소 : https://stock-toy-town.lovable.app

주식 몬스터 - 주식 게임