본문 바로가기

사이드 프로젝트/가계부 앱 만들기

[가계부 앱 개발 3] 웹페이지 배포하기



만들면서 계속 새로운 기능이 생각나는데, 이걸 다 구현하다가는 프로젝트를 완료하지 못한채로 끝낼 것 같다.
필수 기능을 고정한다음, 빨리 1차 버전을 만들어야겠다.

필수 기능

- 등록/수정한 다음 보고 있던 페이지로 돌아가기(예를 들어 과거 2024년 12월 페이지에서 등록/수정 기능을 사용했으면 완료 후 메인페이지로 돌아왔을 때 현재 연월인 2025년 1월이 아닌 보고 있던 페이지로 돌아가야함)
- 여백 조정 / 정렬하기  
- 초기자산 설정 메뉴추가하기
- 안드로이드  앱으로 배포하기


부가 기능 1.5 에서 구현

- 아무것도 없는 페이지에서는 콘텐츠 없음 아이콘 추가하기
- 요일별 색상 다르게 하기
- 연,월 클릭했을 때 연도와 달 선택할 수 있게 하기
- 계속 버튼 추가하기
- 탭 추가하기
- 하단 메뉴 바 추가하기(목록뷰(홈), 달력뷰, 연간통계, 설정)
  - 이미지 업로드 기능 추가하기(영수증)
  - 메모 필드 추가하기(기존 내역 필드는 거래처로 수정)
  - 즐겨찾기 추가하기


부가기능 2.0에서 구현

- 로기인 기능 구현



현재까지 개발된 화면

 



Web은 blazor assembly standalone app을 쓰고,
UI는 머드블레이저를 사용했다.요일 색깔을 다르게하고 정렬 조정하면 훨씬 예뻐질 것 같다.(완료)

배포하는 법은 이전글 참고

https://today-i-learn.tistory.com/m/117

 

Blazor Web Assembly App Ubuntu 배포

Blazor Server 대신 asp.net core api를 blazor assembly 프로젝트와 사용하고 싶다면 블레이저 서버를 대신할 수 있는 뭔가가 필요한데 그게 #nignx 이다.깃허브에 블레이저 웹 에셈블리 프젝을 올린다.http-serv

today-i-learn.tistory.com

 

배포 프로세스

1. 윈도우에서 개발
2. 윈도우에서 깃에 커밋
3. 맥에서 깃 땡겨오기
4. 맥에서 dotnet publish -c Rlease로 배포하기