鐵人檔案
紀錄自己研究 WebSocket 並實作簡易的匿名聊天室的過程。以 WooTalk 為參考對象來實作整個專案，包含前端、後端、測試、部署。
大家多少都聽過或是用過網路聊天室、交友軟體之類的吧？像是台灣人一定知道的 PTT，或是 Skout、BeeTalk、Tinder 等等族繁不及備載。 這次要挑...
前陣子在學習 NestJS 時，在 Exception filters 的章節有看到 host 這個參數，型別限制了 3 種值：http、rpc、ws，才知道...
說了這麼多，已經忍不住要開始動手做做看了吧！接下來後端都會使用 Express 進行示範，可搭配 Stackblitz 的範例服用：連結。 環境建置 Stac...
先前有提到 Socket.IO 封裝了 WebSocket 並加入一些實用的功能。接下來會跟著官方範例實作簡易聊天室，並補充一些知識。 完整範例：Stackbl...
昨天我們已經了解 Socket.IO 的基本事件流程，今天要運用 Socket.IO 的房間機制，實作一對一聊天配對的功能！完整範例：連結 事前準備 在實作完...
在了解 WebScoket 與 Socket.IO 的運作方式後，就......該止癢了吧？接下來就要老老實實規劃專案該有的樣貌了！ 規劃的意義 根據專案的規...
雖然這次的 side project 是致敬 WooTalk，但該有的規格還是要畫出來！沒有一些基本資料來對照的話，一邊開發一邊想流程對我來說還蠻困難的。 流...
如果是個人研究、純屬玩玩，那麼開心就好！ 一旦專案的定位變成長期營運、系統開發等，那麼技術選型要考量的面向就很多！例如： 團隊中有人熟悉此技術嗎 招募相關人...
這個專案我想把前後端都放在同個 repo，原因是： 共用 TypeScript 型別 共用依賴套件 共用工具函式 專案設定一致性 不要讓自己的 GitHub...
灌水了四天後終於來到實作階段了！這次選用的也是我沒使用過的 UI 庫，又回到學習新東西的新鮮感了 XD 建置環境 React 的 UI 庫大多有附上 Next...
