鐵人檔案
我想分享成功轉職進入職場後，持續自我學習的內容，也把鐵人賽當作學習過程的證明。雖然之前有存一些稿，但現在的工作正火燒屁股，不知道能不能順利完賽呢><頑張ります！
在2023年，從研究所休學的我，深深地被“葬送的芙莉蓮”給感動。 初踏入研究所時，我對於研究的想像是，我能盡情探索與學習該領域的相關技術，同時和其他人交流學習到...
(不知道為什麼第一時間是想到小櫻XD) 在資策會受訓的時候，我第一個學會的 UI 框架是 Bootstrap。它是一個由 Twitter 開發的開源前端框架，主...
承上篇 接下來直接搭配官方文件中的內容，說說我最喜歡 Tailwind 的地方： 響應式這部分用法其實跟 Bootstrap 很像，可以達到指定寬度範圍下，...
承上篇 為了降低維運人員的怒氣值，今天就來看看 tailwind 的 config 檔： 執筆的當下版本是v3，所以補充一下，Tailwind v3 之前，主...
時間從結訓後剛學會 Tailwind 的時刻，快轉到現在，也就是我的第二間公司，我正接手公司內幾個蠻久又複雜的前台專案，實在讓我苦不堪言啊啊啊啊QQ，原因簡單來...
今天不廢話，直接來看看 shadcn 如何安裝與操作吧，其實官方文件也有針對不同框架指導安裝流程～真的是貼心小棉襖><，今天就用選擇我公司的專案框架...
鐵人賽到今天終於能來說說 tailwind 和 shadcn 的客製化組合技： 承上篇 成功在專案中安裝 shadcn 之後，在專案的根目錄會生成 compon...
時間再倒轉回剛結訓之後，我接觸到 React Hook Form 這個套件，也是這個套件讓我再回頭複習 React 的 useState和 useRef。 不知...
今天來畫 React Hook Form 表單魔法陣吧！！先來看安裝方法以及一個簡單的範例： 招喚表單魔法陣第一步：在 VS code 打開專案，打開終端機...
今天來說說如何將 React Hook Form 與其他 UI 框架結合使用～ 昨天的範例是使用原生的表單標籤，但實際開發上，還是會傾向使用 UI 框架提供的表...
