지출을 기록하는 웹사이트를 개발해 보았다.

1683 단어 경 6자바chart.js
이번에는 가계부 앱을 만들어 보았습니다.
경위나 배운 것 등을 기재해 갑니다.

이번에 만든 것은 이런 느낌입니다.


언어와 도구



· HTML, CSS
· Java
· JavaScript
· MySQL
・Heroku

경위



"슬슬 저축을 하지 않으면,,,"라고 생각했던 올해 초에 가계부를 붙이기로 결심했습니다. 그러나, 좀처럼 넘어지는 습관이 되지 않았기 때문에, 「스스로 만들면 붙이는 습관이 붙는 것은 아니다」라고 생각해 개발했습니다. 심플하고 누가 만져도 사용하기 쉬운 것을 의식해 개발했습니다. 깨끗한 원형 차트를 만들고 싶었기 때문에 chart.js를 사용했습니다.

할 수 있는 일



· 로그인 로그아웃
・사용한 금액과 내용, 분류를 등록
・월별로 합계 금액이나 그 내역 등 표시
· 메일 주소를 지정하여 해당 월의 지출을 송부

배운 것



①chart.js가 대단하다!



엄청 예쁘게 그래프를 만들고 싶을 때 매우 편리했습니다.
처음에는 Java의 공부가 자바에서 그래프를 구현하려고 생각했지만, 그다지 좋은 것이 없었기 때문에, 이번 이쪽을 이용했습니다.
그다지 좋은 것이 없다는 것은, 윈도우가 새롭게 나오거나, 외형이 그다지 멋지지 않거나,,, 라고 하는 의미입니다.
※Java로 그래프를 실장하는 좋은 방법등 있으면 가르쳐 주실 수 있으면 다행입니다.

참고 사이트: Chart.js에서 그래프를 그려 보았습니다.

②메일 송신 기능은 의외로 간단하게 실장할 수 있다!



이번 해당 월의 지출을 입력된 메일 주소에 송부하는 기능을 구현했습니다.
하기 사이트를 참고로 했습니다만, 매우 간단하게 구현할 수 있었습니다.

참고 사이트: Java mail로 메일 보내기 (Java)

GitHub



내 GitHub 에 이번 코드를 올렸으므로,
만약 신경이 쓰이는 분이 계시면, 봐 주세요!

이상입니다.

좋은 웹페이지 즐겨찾기