包在 Gitlab 身上 什麼是 CI/CD？ CI/CD 可以看作 Dev + Ops 生命週期靠近 Ops 的一部分。 CI （Continuous Integration）顧名思義是「持續整合」，這個階段通常會包含兩個環節— build 與 test： Build 階段會將開發者撰寫的 source code 做打包的動作，例如 compile code、linking …

什麼？我也要做維運？ 最近在公司開始接下小小的 DevOps 任務，試著熟悉一些常用的工具如 Docker、Kubernetes、Grafana、Gitlab CI/CD 等。乍看是一堆 yaml 檔與指令，看似單純卻也在過程中也採了不少雷，因此寫幾篇文章紀錄一下。 先回憶一下前輩的歷史課 過去團隊在草創初期，為了快速做出 prototype 來 demo，在人員配置少的情況下是單體式架構（Monolithic）的開發，其實就很像在 bootcamp 時期學習的全端開發方式，追求快速的迭代跟佈署，測試市場接受度。 但幾年來產品功能漸趨完整、開始擴充更多更複雜的邏輯，團隊中的工程師也變多了，大家都在改同一份 code，雖然利用 Git 的特性做版本控管，協作起來是沒什麼大問題，但要佈署時，整包很肥大的 code base、過程中動輒改到別人的 code 、改一壞百，變成了大家的惡夢。於是團隊開始進行前後分離，後端也漸漸從「一個客戶一包 code 」的開發方式做收隴，將產品架構定義好，整併成一包，以 customer config 的方式區別不同客戶。但依然是 Monolithic 架構，開發上等來等去、debug 到崩潰，佈署曠日耗時。

I am currently studying the Udemy course JavaScript Algorithms and Data Structures Masterclass and want to jot down some notes. This post is dedicated to the problem solving pattern — Frequency Counters. Scenarios In some problem sets we can see questions like “ how many times has a, b, c occurred,”…

上工後的小心得 學生時期做過前後端協作的專案，但因缺乏討論，後端寫 API 時前端還在切元件，因此等到要串接時，只能對後端寫的回傳格式照單全收，又或者修修改改，要後端配合前端渲染方便所需的格式而組出奇怪的資料結構，並沒有討論出一個格式或職責分工的標準。後端工程師工作至今快半年，透過實際解決客戶需求、和前端工程師合作開發，以及接受技術主管的任務分派， …

看完馬上會，少走冤枉路 >:) 先附上 我的 Hexo，之後裡面的內容會跟 Medium 做出區別～ 開始工作後經歷了一段手忙腳亂的適應期，最近總算是能夠重啟自學習慣，但對於一些在工作上學到的、片段式的筆記、或刷題紀錄，很難更新在 Medium 上，因為它給我的感覺比較正式，不寫完整點、不潤稿的話，沒辦法隨意發佈。 所以我開始搜尋替代方案：希望能夠快 …

精選面試心得可以直接跳到後面看 這張首圖是有意義的。它反映著從下定決心學習程式到轉職的過程，一路上的心境。縱使副駕有人可指點、來往的道路有車可跟、路上也有路牌指示，但握著方向盤的人始終是我。 從學習程式到現在已經過了十個月。中間五個月報名網路課程自學，後面三個月密集運作讀書會和各種 Udemy 大補帖，而最近則剛結束為期約四週的求職，想趁還記憶猶新時 …

沒串過更要串 最近和 Ivy 一起做 side project，很喜歡買衣服的我們決定做一個迷你的服飾電商網站ＸＤ 也剛好把之前一直很想練習的購物車模型實際做出來。 先附上 GitHub～測試信用卡與測試帳號請移駕至 README ，這篇以介紹專案為主。 GitHub - sherryliao21/ecommerce-site Blanche is an ecommerce website where users get to shop latest trends in women's clothing. This project serves both as…github.com Live Demo on Heroku 測試帳號： root@example.com（管理員後台) 測 …

勇敢重構，打造新功能

利用 Passport.js 打造登入驗證機制 沒想到這系列的上一篇已經是兩個月前的事囉 🙃 趁這次回來重構優化的機會撿起來繼續講 ＸＤ Live Demo on Heroku (先註冊一個帳號就能使用囉) sherryliao21/expense-tracker Contribute to sherryliao21/expense-tracker development by creating an account on GitHub.github.com 前一篇說明了註冊功能背後的流程，這篇來到登入/登出的部分，在這個專案裡我使用了 express-session 與 passport.js …