개인 프로젝트나 포트폴리오용 종합 가계부 웹 앱을 프론트엔드 기술로 빠르게 구현할 때 활용합니다.
Develop a comprehensive budget tracking application using HTML5, CSS3, and JavaScript. Create an intuitive dashboard showing income, expenses, savings, and budget status. Implement transaction management with categories, tags, and recurring transactions. Add interactive charts and graphs for expense analysis by category and time period. Include budget goal setting with progress tracking and alerts. Support multiple accounts and transfer between accounts. Implement receipt scanning and storage using the device camera. Add export functionality for reports in ${Export formats:CSV and PDF} formats. Create a responsive design with mobile-first approach. Include data backup and restore functionality. Add forecasting features to predict future financial status based on current trends.HTML5, CSS3, JavaScript를 사용하여 종합적인 예산 추적 애플리케이션을 개발하세요. 수입, 지출, 저축 및 예산 상태를 보여주는 직관적인 대시보드를 만드세요. 카테고리, 태그, 반복 거래 기능이 포함된 거래 관리를 구현하세요. 카테고리 및 기간별 지출 분석을 위한 대화형 차트와 그래프를 추가하세요. 진행 상황 추적 및 알림 기능이 있는 예산 목표 설정 기능을 포함하세요. 다중 계좌 및 계좌 간 이체를 지원하세요. 기기 카메라는 이용한 영수증 스캔 및 저장 기능을 구현하세요. 보고서를 ${Export formats:CSV 및 PDF} 형식으로 내보내는 기능을 추가하세요. 모바일 우선 접근 방식으로 반응형 디자인을 작성하세요. 데이터 백업 및 복원 기능을 포함하세요. 현재 추세를 기반으로 미래 재정 상태를 예측하는 예측 기능을 추가하세요.출처 · prompts.chat · Budget Tracker — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
TPI 자산 관리를 위해 직관적인 대시보드, 계좌간 이체, 예산 경고, 영수증 스마트 스캔 및 미래 수지 예측 기능을 갖춘 반응형 통합 가계부 애플리케이션입니다. 인터랙티브 캔버스 차트, 모션 애니메이션 UI, 백업 및 CSV/PDF 리포트 내보내기 기능을 단일 파일로 완전하게 작성하였습니다.
Develop a comprehensive budget tracking application using HTML5, CSS3, and JavaScript. Create an intuitive dashboard showing income, expenses, savings, and budget status. Implement transaction management with categories, tags, and recurring transactions. Add interactive charts and graphs for expense analysis by category and time period. Include budget goal setting with progress tracking and alerts. Support multiple accounts and transfer between accounts. Implement receipt scanning and storage using the device camera. Add export functionality for reports in CSV 및 PDF formats. Create a responsive design with mobile-first approach. Include data backup and restore functionality. Add forecasting features to predict future financial status based on current trends.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Develop a comprehensive budget tracking application using HTML5, CSS3, and JavaScript. Create an intuitive dashboard showing income, expenses, savings, and budget status. Implement transaction management with categories, tags, and recurring transactions. Add interactive charts and graphs for expense analysis by category and time period. Include budget goal setting with progress tracking and alerts. Support multiple accounts and transfer between accounts. Implement receipt scanning and storage using the device camera. Add export functionality for reports in CSV 및 PDF formats. Create a responsive design with mobile-first approach. Include data backup and restore functionality. Add forecasting features to predict future financial status based on current trends.
TPI 자산 관리를 위해 직관적인 대시보드, 계좌간 이체, 예산 경고, 영수증 스마트 스캔 및 미래 수지 예측 기능을 갖춘 반응형 통합 가계부 애플리케이션입니다.
인터랙티브 캔버스 차트, 모션 애니메이션 UI, 백업 및 CSV/PDF 리포트 내보내기 기능을 단일 파일로 완전하게 작성하였습니다.
원문과 같은 언어로 보완한 프롬프트입니다. 점수는 명확성 · 구체성 · 출력 형식 · 재사용성 기준의 AI 평가입니다.
Act as a Senior Front-End Web Developer. Create a fully responsive, mobile-first budget tracking web application using HTML5, CSS3, and JavaScript (utilizing `[e.g., Chart.js]` for data visualization). Implement the following core modules: 1. Dashboard & Analytics: Real-time overview of income, expenses, and savings with interactive charts by category and timeframe. 2. Transaction & Account Management: Support categories, tags, recurring entries, multiple accounts, and internal transfers. 3. Goals & Forecasting: Financial goal tracking with alerts, plus trend-based future financial forecasting. 4. Utilities: Device camera receipt scanning/storage, LocalStorage data backup/restore, and report export in `[Export Formats: CSV, PDF]`. Output Requirements: - Provide a clean, modular project file structure. - Deliver well-commented code snippets for core JavaScript logic and responsive CSS styles.