본문으로 건너뛰기
Arran, 홈
후원
작업으로 돌아가기

SANDI SALDO

디지털 금융 교육 웹 게임

현금 없는 도시의 7일. 플레이어는 아이소메트릭 도시를 다니며 메인 미션 일곱 개와 추가 사례를 풀고, 돈과 디지털 안전에 관한 결정을 배웁니다.

sandi-saldo.ct.ws 열기 (새 탭에서 열림)
공개 사이트 화면 녹화, 2026년 11월 13일.
청록색 Start 버튼이 있는 휴대폰 화면의 SANDI SALDO 시작 메뉴.
휴대폰 화면

배경

학교 조별 과제로 만들었습니다. 저는 AI의 도움으로 웹사이트를 만드는 일을 맡았습니다. 이 게임은 선생님께 좋은 평가를 받았습니다.

내 역할

흐름과 모습을 이끌고, AI의 도움으로 만들고, 노트북과 휴대폰에서 써 본 뒤, 불분명한 부분을 고쳤습니다.

  • 아이디어와 방향
  • AI의 도움으로 제작
  • 테스트
  • 결과 검토

작업 범위

  • 메인 미션 일곱 개와 추가 사례가 있는 아이소메트릭 도시
  • 잔액과 저축에 영향을 주는 선택
  • 피싱, QRIS, OTP, PIN 같은 디지털 안전 사례
  • 계정 없이 브라우저에 진행 저장

배운 점

플레이어의 선택이 낳는 결과를 설명하는 게임을 짜는 법과, 노트북과 휴대폰 모두에서 쓸 수 있는 흐름을 지키는 법을 배웠습니다.

기술

  • HTML
  • CSS
  • JavaScript
  • localStorage

공개 자료에 기록된 기술만 적었습니다.

공개 사이트

원래 화면

스크린샷은 2026년 10월 31일 공개 사이트에서 찍었습니다. 그 뒤로 사이트가 바뀌었을 수 있습니다.

SANDI SALDO 시작 메뉴. 왼쪽에 흰색과 청록색의 큰 제목과 Start 버튼, 오른쪽에 청록색 선으로 그린 아이소메트릭 도시.
데스크톱, 1280 × 720
청록색 Start 버튼이 있는 휴대폰 화면의 SANDI SALDO 시작 메뉴.
휴대폰, 390 × 844