Day 29 - Refactor Code

繼 Day 28 - Review code，走過全部程式碼，可以挑出幾項要改的項目。

首先平鋪式結構改成分階層(資料夾)管理。
因此次只有使用前端(React JS & Antd)，所以應該會少service資料夾，所以大致分為page,const(可選可不選),entry point(Route)。

• page : Print、Drag & Drop、Edit Rows
• const : 可選可不選原因為如果一樣的沒有出現太多次，其實也沒必要抽出來放const。
• entry point: 查看page 之間怎麼切換

再者是風格的一致，3+1 pages 保持一樣的layout:
header, content, footer Style(CSS) 。

最後將不需要用到的code 刪掉，保持簡潔。

以上列為 Future work!

假設未來加入後端，後端常見語言為Java。

最最最常見的是 null Pointer Exception，
困難處在於不確定是哪裡get後就Null，導致無法繼續get下去。所以適度在程式完成某項動作時加個log.info，但千萬別在迴圈裡，不然發生問題，查案容易被log給淹沒。

除此之外，一個動作(步驟) 可用try...catch...處理，
如果一次包好幾個動作於try...catch...中其實也超難看出null發生於哪裡。