Project-記帳本
更新於 發佈於 閱讀時間約 2 分鐘
選擇此專案的原因
現在人奢侈花費變多，常常到月底回想不起自己金錢的去向，因而產生無止境的焦慮，因此希望做一個精簡的記帳專案，讓大家可以輕鬆地記錄自己的支出，還能檢視不同類別的花費以做開銷調整。
使用的技術
- 用express-handlebars作為此專案的引擎樣板，並搭配connect-flash套件去給予使用者一些錯誤或成功的提示，以提升使用者感受
- 用mongoose操作mongodb
- 用method-override套件，使得路由命名符合RESTful 風格
- 用passport.js作為驗證系統之認證使用者的部分，而儲存認證結果則用express-session
- 用bcryptjs將註冊者的密碼加密
- 用dotenv將私密資訊另外紀錄
- 使用async/await 方式處理非同步函式
實作心得
雖不是第一次做專案，但還在摸索自己實作過程時的順序，常常有想法卻會猶豫該從哪裡開始，也因這個專案發現這個問題，有特地停下來思索出一個目前認為較適合自己的開發順序。
比較挫折的部分是Html，花了很多時間在調整樣式，一直以來都是用flexbox的方式去做版面的對齊，但發現當內容物每列長度不一，而想要每列的欄區塊對齊時，實作上會有難度，後來查找「欄列對齊」的相關資料，發現有grid可以簡單的解決此問題，因此在new.handlebars內就有用到此方法。
而此專案我選擇用async/await方式處理非同步函式是因為在閱讀程式碼時，能更直覺知道執行順序。印象深刻的部分是在使用try{}把非同步部分包起來時，原先看網路範例以為只要包住前面有await的函示就好，結果執行時就發生錯誤，才發現若只是包住單行，而下面的變數會有跟此非同步函是有關的部分，並不會等待非同步那行執行完，因此會找不到資料，故要將所有跟非同步相關的部分就包在try{}內，才能正確執行。
反思
開發流暢度可透過建立一個固定的開發步驟去提升；平時可多看bootstrap文件了解裡面可使用的東西，並再多熟悉html本身的內設和屬性，以提升切版速度；此外對於此專案使用的大多技術都尚處於半知半解的狀態，期望自己能再多理解背後相關概念，並再未來開發時多使用這些套件內的不同功能以加深對套件的熟悉程度。
0會員
4內容數
留言0
查看全部
你可能也想看
Google News 追蹤
大家好，我是woody，是一名料理創作者，非常努力地在嘗試將複雜的料理簡單化，讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程，今天想跟大家聊聊，除了料理本身，料理創作背後的成本。
哈囉～很久沒跟各位自我介紹一下了～
大家好～我是爺恩
我是一名圖文插畫家，有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快！隨著時間過去，創作這件事好像變得更忙碌了，也很開心跟很多厲害的創作者以及廠商互相合作幫忙，還有最重要的是大家的支持與陪伴🥹。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
在這個物價不斷上漲的時代，很多人都覺得錢總是不夠用，甚至每個月的支出都要精打細算。因此，如何有效的制定預算來管理日常開支，就成為現代人不可忽視的課題。讓我們一起來探討這個問題，找出適合你的解決方案吧。
從六月開始記帳到現在，邁入第三個月。
檢視以往曾經記帳過兩三次，都是沒幾個月就直接放棄。放棄的原因不外乎：
每日開銷主要以三餐飲食為大宗，且大部分的開支皆是例行性支出，導致每天消費一筆還要花腦袋去記得要去把手機拿出來，打開APP，輸入金額，有時候還要輸入備註，記錄自己花在甚麼地方。
第四步驟 :建立自己的任務管理系統
白話一點說，任務管理系統 = To Do List
說實話，我一直以為自己的工作內容算是單純，沒有特別想過要使用To Do List，後來拆解每天的代辦事項之後，驚覺於公、於私，每天超過30項代辦事項，但是神(ㄓㄨ)腦(ㄊㄡˊ)如我，想靠著好記性去記憶所有事情
以往的我沒有記帳的習慣，總認為自己花的不多，但又為何會存不到錢？而後開始接觸了記帳這回事。
我一直都不是一個自律的人，做事往往是三分鐘熱度，因而產生了許多半途而廢的代辦事項......記帳也是，一開始我並沒有太認真，時常忘記了幾天後就產生挫敗感，認爲這個月已經失敗了，下個月再開始就好了，也因為這種
這篇文章探討了在專案開發中遇到的時間壓力和執行困難，以及如何無效應對這些挑戰。 沒有工時估算、客戶溝通、交付時間表設定、程式品質管理、工作量管理、合同和專業態度等方面的建議。
第一次開始接案後，隔天就接到了一個專案。看似報酬相當豐厚，但專案功能並不簡單，大概相當於我在公司上班一年的工作量，而且交期也很緊迫。這是一個基於ASP.NET的專案。
專案上線後，開始了噩夢般的日子。好壞參半，剛開始熟悉整個系統的時候真的是最艱難的階段，有一種回到初心的感覺。之前用過前端框架，現在
在以前我對於繳費、繳交作業、答應他人做的事時，我並沒有太在意，時而拖延時而忘記，有時候明明記得要去繳交帳單，我就會想「喔!時間還有，明天再去做...明天...」或是說答應跟人約好的時間遲到了，變成習慣性的拖延完成一些事，還有很多很多 ... ... 浪費他人時間也是，這些小小的行為，都會讓我們在未來
你有習慣記帳嗎? 你可能已經有記帳的習慣，但是存款一直無法增加嗎? 如果你經常聽到別人說，要有錢、懂財務管理，就要從學習如何記帳開始。不過，如果你僅僅知道「記帳」，卻不知道記帳的目的和下一步該怎麼做，那可能無法擺脫「只會記帳的人」的身份。
如果你希望恢復財務安全感，轉變成快樂的財務自由者，我希望這
大家好，我是woody，是一名料理創作者，非常努力地在嘗試將複雜的料理簡單化，讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程，今天想跟大家聊聊，除了料理本身，料理創作背後的成本。
哈囉～很久沒跟各位自我介紹一下了～
大家好～我是爺恩
我是一名圖文插畫家，有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快！隨著時間過去，創作這件事好像變得更忙碌了，也很開心跟很多厲害的創作者以及廠商互相合作幫忙，還有最重要的是大家的支持與陪伴🥹。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
在這個物價不斷上漲的時代，很多人都覺得錢總是不夠用，甚至每個月的支出都要精打細算。因此，如何有效的制定預算來管理日常開支，就成為現代人不可忽視的課題。讓我們一起來探討這個問題，找出適合你的解決方案吧。
從六月開始記帳到現在，邁入第三個月。
檢視以往曾經記帳過兩三次，都是沒幾個月就直接放棄。放棄的原因不外乎：
每日開銷主要以三餐飲食為大宗，且大部分的開支皆是例行性支出，導致每天消費一筆還要花腦袋去記得要去把手機拿出來，打開APP，輸入金額，有時候還要輸入備註，記錄自己花在甚麼地方。
第四步驟 :建立自己的任務管理系統
白話一點說，任務管理系統 = To Do List
說實話，我一直以為自己的工作內容算是單純，沒有特別想過要使用To Do List，後來拆解每天的代辦事項之後，驚覺於公、於私，每天超過30項代辦事項，但是神(ㄓㄨ)腦(ㄊㄡˊ)如我，想靠著好記性去記憶所有事情
以往的我沒有記帳的習慣，總認為自己花的不多，但又為何會存不到錢？而後開始接觸了記帳這回事。
我一直都不是一個自律的人，做事往往是三分鐘熱度，因而產生了許多半途而廢的代辦事項......記帳也是，一開始我並沒有太認真，時常忘記了幾天後就產生挫敗感，認爲這個月已經失敗了，下個月再開始就好了，也因為這種
這篇文章探討了在專案開發中遇到的時間壓力和執行困難，以及如何無效應對這些挑戰。 沒有工時估算、客戶溝通、交付時間表設定、程式品質管理、工作量管理、合同和專業態度等方面的建議。
第一次開始接案後，隔天就接到了一個專案。看似報酬相當豐厚，但專案功能並不簡單，大概相當於我在公司上班一年的工作量，而且交期也很緊迫。這是一個基於ASP.NET的專案。
專案上線後，開始了噩夢般的日子。好壞參半，剛開始熟悉整個系統的時候真的是最艱難的階段，有一種回到初心的感覺。之前用過前端框架，現在
在以前我對於繳費、繳交作業、答應他人做的事時，我並沒有太在意，時而拖延時而忘記，有時候明明記得要去繳交帳單，我就會想「喔!時間還有，明天再去做...明天...」或是說答應跟人約好的時間遲到了，變成習慣性的拖延完成一些事，還有很多很多 ... ... 浪費他人時間也是，這些小小的行為，都會讓我們在未來
你有習慣記帳嗎? 你可能已經有記帳的習慣，但是存款一直無法增加嗎? 如果你經常聽到別人說，要有錢、懂財務管理，就要從學習如何記帳開始。不過，如果你僅僅知道「記帳」，卻不知道記帳的目的和下一步該怎麼做，那可能無法擺脫「只會記帳的人」的身份。
如果你希望恢復財務安全感，轉變成快樂的財務自由者，我希望這