프로덕트

스마트 예산 플래너

절약을 위한 예산 앱

0

아티클

전체 보기
Juwon Jung

Juwon Jung

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

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

1
0

포스트

아직 포스트가 없습니다.