학교 프로젝트로 '스마트 예산 플래너'를 만들었습니다!

1. 제품/프로젝트 소개 안녕하세요! 이번에 평소 지출을 관리하고, 사고 싶은 물건을 사기 위해 유혹을 참아 게이지를 채우는 챌린지 기능이 담긴 [스마트 예산 플래너] 웹 앱을 만들게 되었습니다.

2. 이런 기능이 있어요!

• My Budget Plan: 이번 달 목표 예산을 정하고 지출을 카테고리별로 기록합니다.

• Shopping List: 구매 예정 품목을 적으면, 이를 소비하지 않았을 때의 진짜 '기회비용(S&P500 투자 시 10년 후 가치 등)'을 계산해 줍니다.

• Wish & Challenge (핵심!): 사고 싶은 목표 물건과 가격을 설정한 뒤, 지름신이 올 때마다 유혹을 참아낸 금액을 입력하면 달성도(%)가 올라갑니다. 100% 달성 시 축하 효과가 나타납니다!

3. 사용한 기술 및 배포 방식

• HTML, CSS, JavaScript (Vanilla JS)

• 브라우저를 닫아도 데이터가 유지되도록 LocalStorage를 활용했습니다.

• 스마트폰에서도 일반 앱처럼 설치해서 쓸 수 있도록 PWA(Progressive Web App) 설정을 적용했습니다.

• GitHub Pages를 통해 무료로 호스팅을 완료했습니다.

4. 메이커 한마디 & 링크 처음으로 코드를 짜고 깃허브를 통해 실제 유저들이 사용할 수 있는 링크까지 만들어보니 정말 뿌듯합니다. 스마트폰 브라우저로 접속하신 뒤 '홈 화면에 추가'를 누르시면 앱처럼 편리하게 사용하실 수 있습니다. 많은 피드백 부탁드립니다!

• 🔗 실제 서비스 사용해보기: https://leole84.github.io/My-Budget-App/

• 💻 GitHub 저장소 구경하기: https://github.com/leole84/My-Budget-App