두뇌 회전! 암산 연습 웹 서비스 소개
📌 제품 개요
암산 연습기는 짧은 시간 동안 집중력을 끌어올리고, 계산 능력을 키우기 위한 간단한 웹 기반 훈련 도구입니다.
수험생이나 두뇌 회전을 원하는 일반 사용자들이 간단하게 접속해서 빠르게 계산 훈련을 할 수 있는 서비스를 목표로 제작되었습니다.
🛠️ 배경
이 프로젝트는 “암산 실력을 기르고 싶은데 적절한 연습 도구가 없다”는 문제의식에서 출발했습니다.
앱 설치 없이 브라우저만으로 즉시 실행 가능한 도구가 있다면 더 많은 사람들이 접근할 수 있을 것이라 판단해 개발을 시작했습니다.
🔧 기능 소개
- 랜덤 암산 문제 출제: 사칙 연산(덧셈, 뺄셈, 곱셈, 혼합) 가능
- 숫자 범위 설정: 1부터 1000까지의 숫자로 문제 조정
- 문제 수 지정: 10문제 단위 혹은 무한 반복 모드 선택 가능
- 반응형 디자인: 모바일/PC 환경 모두 대응
- 로그인 불필요: 익명 상태에서도 바로 사용 가능
🛠️ 기술 스택
- Frontend
- 개발 언어: HTML, CSS, JavaScript
- UI 디자인: WebCrumbs AI 기반 자동 스타일링
- 기타
- 배포 플랫폼: Vercel
- 서버리스 구조 (모든 기능은 클라이언트 브라우저에서 동작)
🚀 서비스 접근
별도의 설치나 로그인 없이 바로 사용 가능
📷 스크린샷
💻 PC 환경
📱 모바일 환경
📈 개발 후기
- 처음에는 연산 로직만 빠르게 구성했지만, 사용자 편의성을 위해 UI 구성에 많은 고민을 했습니다.
- WebCrumbs AI를 이용하여 빠르게 스타일링을 진행할 수 있었던 점이 인상 깊었습니다.
- 모바일 사용자의 접근성과 가독성을 높이기 위해 반응형 레이아웃을 적극 활용했습니다.
🧾 사용 안내
- 웹 브라우저에서 위 링크 클릭 후 바로 실행
- 시작 화면에서 문제 수, 범위, 연산 종류 설정 후
Start클릭 - 정답을 입력하고
Enter를 눌러 다음 문제 진행
🔚 결론 및 회고
암산 연습기는 짧은 개발 기간에도 불구하고 실제로 사용 가능한 MVP를 만들 수 있었던 의미 있는 프로젝트였습니다.
향후에는 사용자 기록 저장 기능, 각종 통계 계산 기능 등도 도입해보고자 합니다.
피드백 및 제보는 언제든 환영합니다:
📮 GitHub 이슈 페이지 바로가기