喜歡烏龜的宅宅工程師

身為一個工程師，為了求職或者為了滿足自己的成就感，或多或少都會想自己寫一個玩具 (Side Project)， 用說的很容易但實際上往往想要動手卻不知道從何開始，因此想要稍微紀錄並分享一下我是如何一步步打造屬於自己的玩具。

同上篇，這篇也是寫玩具 (side project) 時遇到的需求，麵包屑 (Breadcrumbs) 這個功能亦是網站相當常見的元素，那麼又該如何透過 Angular 的 Router 搭配 Bootstrap 4 建立麵包屑呢?

我習慣開發時使用 Bootstrap4 ，而在 Bootstrap4 中有提供 NavBar 的元件供開發者快速套版，亦有相關的 ClassName 可供使用，那麼該如何進一步的提升使用者體驗呢 (UX)？

自上一篇文章後，就很少上來發表文章了，一方面是工作到家就有點累了，更別說沒有想到什麼適合寫的主題。剛好前幾天有個 Issue 希望我研究如何在 Angular 中快速的切換預設 / 深色主題，也就是所謂的開關燈模式囉。

因緣際會之下，同事 A 冷不防地丟來一則訊息，問我有沒有參加過 MOPCON ，理由是他沒有參加過不確定是否該怒衝一波。於是也真的就這麼巧，六角社團內也剛好有個免費領取公關票寫心得的活動，而寫心得對我來說並不是一件特別困難的事情。確認完同事是否「孤單寂寞覺得冷」真的需要我陪同參加後，就毫無懸念的報名了。

當我們辛苦地做完網站後，總是會部屬到正式的伺服器上，而因為使用了 SSR 的技術， GitHub Pages 提供的靜態網頁服務已經不能滿足這個需求了，所以可以使用另一個常見的服務 Heroku 。

使用 Angular 建立的網站是屬於 SPA (Single-Page Application) 單頁應用，是一種網路應用程式或網站的模型，它通過動態重寫目前頁面來與用戶互動，而非傳統的從伺服器重新載入整個新頁面。

前陣子因為專案需求，所以開始研究如何實踐 Drag & Drop 進行拖曳上傳，由於 Team Leader 的要求，希望目標是能達到跟 Google Drive 一樣的操作體感，於是遇到第一個問題，「Google Drive 允許使用者取消上傳欸，啊我們要怎麼實作取消上傳」？

因為專案需求所以有稍微用到一些密碼學的部分，前幾天團隊內的同事在研究的時候，我也好奇的上前圍觀，但才疏學淺，居然脫口說出 base64 是加密的一種然後被噹爆，超想躲進土裡的啊啊啊啊！！

時間過得很快，不知不覺的我就滿月了。期間不斷進行的是與團隊成員的磨合，而之前提到的 Side Project 也如期地進行中。