구현 내용
1. HTML 구조(index.html)
• 입력 필드: 월 저축액, 연 이율(%)
• 계산 버튼
• 결과 표시 영역: 3년/5년/10년 후 자산 금액
• 차트 컨테이너
• Chart.js CDN 포함
2. CSS 스타일링(style.css)
• 현대적이고 깔끔한 UI 디자인
• 반응형 레이아웃
• 입력 필드 및 버튼 스타일링
• 결과 카드 스타일링
3. JavaScript 로직(script.js)
• 복리 계산 함수: calculateSavings(monthlyAmount, annualRate, years)
o 매월 저축액 추가
o 월 이율 = 연 이율 / 12
o 매월 복리 계산 적용
• 차트 생성 함수: Chart.js를 사용하여 시간에 따른 자산 증가 추이 시각화
• 3년, 5년, 10년 데이터 계산 및 표시
• 입력 값 변경 시 실시간 업데이트(선택 사항)