Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back

실제 주식 차트로 빠르게 한 판! 차트퀘스트를 만들었습니다

•#side-projects•
1주일 전
•
97
•
1
•

<< 서비스명: 차트퀘스트 >>

  • URL: https://chartquest-9k1.pages.dev/
    홈페이지에서 실제 플레이 영상과 앱스토어·플레이스토어·앱인토스 링크를 확인하실 수 있습니다.

(1) 자기소개

안녕하세요! 예전에 노마드코더 강의를 듣고, 이곳에도 사이드 프로젝트를 몇 번 소개했던 수강생입니다.

이번에는 실제 주식 차트로 즐기는 게임 차트퀘스트를 만들어 소개하러 왔습니다. 현재 앱스토어, 플레이스토어, 앱인토스에서 모두 플레이하실 수 있어요.

(2) 서비스 소개

차트퀘스트는 과거 실제 한국 주식 차트를 빠르게 재생하면서, 가상 자산으로 직접 사고파는 게임입니다.

가상 자산 1,000만원으로 시작하고, 한 판은 20거래일 동안 진행됩니다. 30배속으로 진행하면 1분 안팎에 결과까지 확인할 수 있어요. 잠깐 멈춰 차트를 살펴보거나 다음 날로 바로 넘길 수도 있습니다.

종목과 날짜는 판이 끝난 뒤에 공개됩니다. 어떤 종목인지 미리 알고 매매하는 것을 막으면서, 마지막에는 “내가 거래한 게 이 종목이었구나” 하는 재미도 넣었습니다.

  • 커리어 모드: 한 판의 자산을 다음 판으로 이어가며, 1천만원 클럽부터 1조원 클럽까지 도전합니다.

  • 오늘의 도전: 매일 모두가 같은 차트로 겨루고, 다른 플레이어와 9가지 매매 방식의 봇을 비교할 수 있습니다.

  • 결과와 복기: 수수료·세금·이자를 반영한 결과를 확인하고, 차트 위에 남은 매수·매도 표시로 자신의 선택을 돌아볼 수 있습니다.

레벨, 퀘스트, 칭호, 도감처럼 조금씩 기록을 쌓아가는 요소도 넣었습니다.

무료로 플레이할 수 있으며 앱 내 광고가 있습니다. 게임 속 자산과 매매 손익은 모두 가상이고, 실제 주식을 거래하는 서비스는 아닙니다.

(3) 시작하게 된 계기

주식 차트의 긴 시간을 짧게 압축해서, 직접 매매하고 결과까지 빠르게 확인하는 게임을 만들고 싶었습니다.

“여기서 샀다면?”, “조금 더 기다렸다가 팔았다면?” 하는 선택을 오래 기다리지 않고 한 판 안에서 해볼 수 있게요.

여기에 매번 처음부터 시작하는 것보다, 내 자산과 기록이 이어지고 다른 플레이어와도 겨룰 수 있으면 한 판 더 하는 재미가 생기겠다고 생각했습니다.

(4) 개발

React, TypeScript, Vite로 만들었고, 차트에는 Lightweight Charts를 사용했습니다. iOS와 Android 앱은 Capacitor로 구성했습니다.

하나의 게임 코드를 세 플랫폼에서 함께 사용하고, 광고·공유처럼 플랫폼마다 다른 기능을 분리한 구조입니다. 차트 재생과 주문 처리, 비용 계산, 매매 기록도 같은 게임 로직을 사용합니다.

출시하고 끝내기보다는, 실제 플레이해 주시는 분들의 반응을 보면서 하나씩 개선해 나가려고 합니다.

(5) 바라는 것은?

아직 출시 초기라 처음 해보는 분들에게도 재미가 전달되는지 가장 궁금합니다.

한 판 해보셨을 때 “한 판 더 해볼까?”라는 느낌이 드는지, 혹은 플레이 방법이 헷갈리거나 흐름이 끊기는 부분이 있었는지 편하게 알려주시면 감사하겠습니다.

짧게 즐길 수 있는 주식 게임에 관심 있으시다면 한 번 구경해 주세요!

👉 차트퀘스트: https://chartquest-9k1.pages.dev/

1 comment