물린개발자

유용한 투자 가이드 글을 활용하여 OX 퀴즈 게임을 만들어봤습니다.

안녕하세요, 투자 관련 계산기 모음 서비스 물타세를 운영하고 있습니다.

사이트에 주기적으로 계속 올리고 있는 투자 가이드 글을 사용자들이 그냥 읽고 지나가기엔 아깝다는 생각이 들어
이를 어떻게 활용할까 고민하다가 "이것을 문제로 한 OX 퀴즈를 만들면 재밌겠다." 라는 생각이 들어 OX 퀴즈 게임을 만들어보았습니다.

어떻게 구성되었냐면
1. 쉬움/중간/어려움 3단계의 난이도
2. 목숨 3개 시스템 - 틀리면 하나씩 줄고, 다 잃으면 게임 종료
3. 매일 자정마다 총 150개의 문제 중 그날의 20문제가 난이도 별로 새로 출제됩니다. (같은 날엔 모두가 같은 문제를 풀어서 순위표 비교가 공정하게)
4. 틀린 문제는 게임 종료 후 다시 확인할 수 있습니다.
5. 난이도별, 날짜별 순위표가 존재하여 순위 확인 가능

처음에 만들었던 주식 롤러코스터 게임(지수/종목 데이터로 롤러코스터 타듯 완주하는 게임)에 이어 두 번째로 만든 미니 게임입니다. 재미로 한번 해보시고 피드백 주시면 정말 감사하겠습니다!

바로 플레이해보고 싶으시면 여기서: 물타세 투자 OX 퀴즈

하루 만에 계산기 사이트에 광고·게임·콘텐츠 업데이트를 한 번에 밀어넣은 날

오늘 물타세(투자 계산기 모음 사이트)에 손댄 걸 정리해봅니다. 처음엔 광고 배치 하나만 손보려고 시작했는데, 파다 보니 4개 영역을 건드리게 됐네요.

1. 카카오 애드핏 반응형 적용, 그리고 사이트 전체에 숨어있던 버그

계산기 15개 페이지에 PC 728x90 / 모바일 320x100으로 나눠서 반응형 광고를 넣었는데, 배포하고 보니 모바일에서만 광고가 안 뜨는 문제가 있었습니다. 원인을 파보니 부트스트랩 반응형 클래스를 d-md-none만 넣고 base 클래스(d-inline-block)를 빼먹은 거였어요. 애드핏 기본 태그엔 항상 style="display:none"이 박혀있는데, 이걸 덮어쓸 클래스가 모바일 쪽엔 없어서 계속 숨겨진 상태였던 겁니다. 사이트 전체 21곳에 똑같은 실수가 있어서 한 번에 고쳤습니다.

1. "오늘의 시장" 페이지 개선

코인 섹션에 비트코인·이더리움·리플 실시간 시세 추가
미국 증시 요약 날짜가 하루 밀려서 저장되던 버그 수정했습니다.(배치가 KST 07:00에 도는데 그 시점 미국 정규장은 뉴욕 기준 전날이었음)
AI 시황 코멘터리에 실제 뉴스 헤드라인을 같이 넣어서, 그냥 등락률만 요약하던 걸 "왜 올랐는지"까지 반영하게 했습니다.

1. 용어정리 가이드 16편 추가

PBR, ETF, 캔들차트, 호가창, 동시호가, VIX 같은 투자 초보가 자주 검색하는 용어들을 정리했습니다. 캔들차트 글은 장대양봉·도지·망치형 등 6가지 패턴을 SVG로 직접 그려 넣었어요.

1. 주식 롤러코스터 게임 업데이트

SOX(필라델피아 반도체)·닛케이·비트코인·이더리움 4개 지수 추가 (기존 5개 → 9개)
이 게임 페이지가 사이트 공용 레이아웃을 안 쓰는 구조라, PWA 설치 버튼이랑 "새 버전이 있습니다" 업데이트 배너가 아예 빠져있던 걸 발견하고 추가 배너가 게임 플레이 중 터치 컨트롤이랑 겹치는 문제도 같이 잡았습니다.

광고 배치 하나 고치려다가 CSS 클래스 하나 빠진 걸 발견했고, 그거 고치다가 다른 페이지들도 훑어보게 됐고... 결국 하루가 통으로 사이트 전체 점검하는 날이 됐습니다. 작은 버그 하나가 "이 페이지 구조 전체를 한번 봐야겠다." 로 이어지는 경우가 종종 있네요.

주식 등락률을 롤러코스터로 타는 게임을 만들어봤어요.

안녕하세요, 투자 관련 계산기 모음 서비스 물타세를 운영하고 있습니다.

투자 계산기 사이트다 보니 방문자 패턴이 거의 "숫자 넣고 결과 보고 나가기"였어요. 재미 요소가 하나도 없으니 재방문할 이유도 딱히 없고요. "실제 시장 데이터를 좀 더 몸으로 느끼게 할 방법이 없을까?" 고민하다가 주식 롤러코스터라는 게임을 만들었습니다.

뭘 만들었나면

코스피·코스닥·다우존스·S&P500·나스닥 5개 지수는 물론, 원하는 종목을 검색해서 최근 한 달간의 실제 일별 등락률을 롤러코스터 트랙 기울기로 바꿔 직접 타볼 수 있는 게임이에요.

내린 날은 내려가고 오른 날은 올라가는 트랙을 실시간으로 달립니다.
등락률이 갑자기 확 꺾이는 변곡점엔 점프 장애물을 넣어서, 그냥 구경만 하는 게 아니라 타이밍 맞춰 점프해야 해요.
좌우 방향키로 움직이고 Shift는 부스트, Space는 점프, R은 재시작 버튼입니다.
완주 시간 기준 순위표도 있어서 같은 종목·같은 기간 트랙을 탄 사람들끼리 경쟁할 수 있어요.

왜 매번 다르냐면

데이터가 매일 아침 실제 시세로 갱신돼서, 어제 종목 트랙이 격렬했다면 오늘은 또 다른 모양이 됩니다. "오늘 나스닥은 얼마나 거칠까?" 하는 식으로 매일 새로운 챌린지가 생기는 셈이에요. 종목 검색도 되니까 내가 물려있는 종목을 직접 타볼 수도 있고요.

한번 심심풀이로 플레이해보시고 잘못된 부분이나 개선했으면 좋은 부분이 있다면 피드백 주시면 정말 감사하겠습니다.

바로 플레이해보고 싶으시면 여기서: 주식 롤러코스터 플레이하기

주식·코인 투자를 하다 보면 "지금 얼마에 더 사야 평단가가 얼마가 되지?", "이 레버리지면 청산가는 어디지?", "세금은 얼마나 내야하는 걸까?" 같은 계산이 은근히 자주 필요한데 막상 찾아보면 광고로 도배됐거나 계산 로직이 부정확한 도구들이 많았습니다. 특히 소수점 계산까지 치밀한 계산기가 없더군요. 그래서 직접 만들었습니다.

물타세는 회원가입 없이 바로 쓸 수 있는 투자 계산기 모음 웹/앱 서비스입니다.

• 물타기 계산기 (주식/코인) — 추가 매수 후 평균단가·손익률 계산
• 주식 세금 계산기 - 차익실현 시 계좌의 종류, 종목에 따라 다른 세금 계산
• 코인 선물 청산가 계산기 — 사용자 설정 유지증거금률 반영
• 주식 배당금 계산기 — 종목별 배당성장률, 지급주기, 재투자 반영
• 은퇴자금 계산기, 인플레이션 실질수익률 계산기
• 김치프리미엄 계산기 (실시간 BTC 시세 연동)
• 연말 손익 통산 계산기 등

여기에 실시간 시세 티커, 오늘의 시장 TOP5 (국내/해외/업비트 랭킹), 투자 뉴스 및 가이드까지 붙여 계산기 그 이상의 투자 정보 허브를 만들어가고 있습니다.

Spring Boot 4 / Java 21 기반으로 1인 개발 중이며 코인 계산기의 소수점 반올림 오류, 장 마감/개장 상태 실시간 판정 같은 디테일을 계속 다듬고 있습니다.

한번 써보시고 어떤 계산기가 더 있으면 좋을지 불편한 점은 없는지 댓글로 알려주시면 감사하겠습니다!