學習常見 React Prop Types，例如跟使用者互動的 Event Types、children 該用什麼 type、客製元件該怎麼使用 ComponentProps 繼承 native element 等等 — 🔖 文章索引 1. Children as Props 2. How to type (extend) HTML elements 3. Event Types 4. CSS Styles as props 這一篇會針對 React 專屬的 types 來說明，也是自己覺得有點難入門的部分 export declare interface Ap …

React Testing Library 著重於測試使用體驗; Enzyme 則著重於測試 component 的內部實現細節像 state、lifecycle 等 — 🔖 文章索引 1. React testing library vs Enzyme 2. Queries: getBy…、queryBy…、findBy… 3. Queries: 到底該用 getByRole 還是 getByText 還是... 4. User Interactions 5. 其他 React testing library vs Enzyme 三年前剛學 Unit Test 時曾寫過 Enz …

台灣產假/育嬰福利比美國好太多了！ 🔖 文章索引 1. 🇹🇼 台灣 vs 🇺🇸 美國可以拿到多少錢 2. 加州產假福利到底有哪些 3. 手把手教學申請 SDI 4. 其他福利 台灣提供的產假/育嬰福利其實超級好，但不知道為什麼某些社群還是很愛誤導民眾😡， 每次看到以下這種比較圖表就會白眼翻到後腦勺，好像台灣政府都沒在做事，福利全世界倒數。 其他國我不清楚，不過若單純台美比，台灣中央頒布的產假/育嬰福利根本好到天邊好嗎 …

Understanding Frontend Security 系列文 1. 簡單弄懂同源政策 (Same Origin Policy) 與跨網域 (CORS) 2. [XSS 1] 從攻擊自己網站學 XSS (Cross-Site Scripting) 3. [XSS 2] 如何防禦 XSS 攻擊 4. Content Security Poli …

身為前端工程師並不需要精通 Bash Shell，但應用他的特性去執行自動化工作是非常好用的 — 自己也才剛入門，所以這篇只會筆記很基本的 Bash 如變數、console 指令、簡單運算、 if else 、for loop、function … 等關鍵字。 🔖 文章索引 1. 前端工程師為什麼要學 Bash 2. Bash Shell 是什麼? 3. Programming with Bash 前端工程師為什麼要學 Bash? 我又不是作業系統工程師，學什麼 bash! 的確 …

當初來美國初衷是想體驗不一樣的異國生活，但從來沒想過竟然連生產都被我體驗到了! — 生產系列文 1. [台灣 vs 美國] 懷孕體驗大不同 2. [台灣 vs 美國] 終於把小孩生出來了之自然產體驗大不同 其實不管在哪邊生，從孕期到分娩媽媽跟爸爸 (整個孕期都在做牛做馬跟顧大寶) 都相當不容易！此篇會先比較台美在分娩跟產後復原的差異，再來會分別紀錄自己在美國跟台灣的生產經歷。 “不同醫療院所的流程跟體驗差異不小，此篇會以五年前在台北長庚醫 …

美國生產其實一點都不貴 ?! 台北長庚醫院光產檢花了近三萬但在美國最大 HMO Kaiser 醫院同樣的產檢內容卻一毛錢都沒付到 — 生產系列文 1. [台灣 vs 美國] 懷孕體驗大不同 2. [台灣 vs 美國] 終於把小孩生出來了之自然產體驗大不同 Murmur: Medium 近三個月沒更新，因為正式進入懷孕後期到處都好痠痛之廢人模式 (3rd Trimester)! 外加搬家跟大寶生病全部加起來實在太崩潰累了連打開電腦的力氣都沒。 在 Settle down 新公寓、大寶康復、我 …

Cyber Kill Chain 是由美國國防承包商 Lockheed Martin 公司提出的網路安全威脅鏈概念，也就是成功達成網路攻擊需要以下七個階段

Code must be as clean and easy to read as possible , best practice also can avoid error — 🔖 文章索引 1. Using JavaScript Code Styling 2. 幫 variables/functions 好好命名吧 3. 註解你的程式碼 4. 給 parameter/variables 預設值 5. 善用 Optional Chaining 6. Handle Error 7. Avoid using too m …