Day 170

Day 170 (Week24), 2021/09/28 (Tuesday)

學習時數 6.5 hr

Done

[done] [FE302] useEffect、useLayoutEffect、寫一個自己的 hook

To Do @ this week

[ ] [FE302]
[ ] w21 hw

學習心得紀錄

Objective 客觀

先前在試著做後端需要的 API，做好了 JWT 驗證跟會員的簡單資料，但還沒有實際串到前端上，本來要先研究怎麼寫購物車跟訂單列表，但後來想一想，應該先瞭解：如果在前端使用 React 製作專案的話，要怎麼從後端 API 取資料，所以想到了回去補足 w21 React 的知識，先前只看到了 useState 就停了，所以想說來補進度，這樣的話，我好像更有解決問題的動機去學習相關的內容，因為我知道還欠缺什麼及需要補足哪些概念，才可以做出來想像中的作品。
今天學了 useEffect 及 uesLayoutEffect 的用法，還邊看邊做了筆記，後面的進階補充我就只有大概看過一遍有個印象，接著進入留言板實戰，剛開始 App.js 的路由小撇步調整。

感受

最近有了新的目標（期末專案需要後端學怎麼做 API，React 如何取 API 資料），發現了有不足的地方，就更有動力去補上缺少的知識，就不會像 w17 花了一兩週在理解 MVC 的架構，像是 controllers 需要從 database 取資料，然後將資料傳給靜態頁面渲染的過程是如何進行的，哪個檔案連結到哪個檔案，當時是一頭霧水，不過也有了這個的經驗，這次的 React 的 import、export，就不會一個頭兩個大，搞不清楚檔案從哪裡來的，要輸出到哪裡。