[從關鍵字認識資安 ] Cyber Kill Chain 網路殺傷鏈

Code must be as clean and easy to read as possible , best practice also can avoid error — JS 是一個自由的語言，一個人開發時要怎麼寫都可以！但當團隊越來越大就需要一套 Best Practice 來規範大家的程式碼讓團隊更好合作，並減少出錯的機會。當然每個團隊的 Best Practice 都不一樣，但此篇會以比較 general 的角度來建議~ Using JavaScript Code Styling A style guide contains general rules about “h …

挑戰自己寫出簡單易懂 2021 OWASP TOP 10，就算不是工程師也能夠理解 — OWASP TOP 10 平均 3–5 年會更新一次排行榜，上一次寫的 2017 OWASP TOP 10 蠻受好評，可能網路上資安文章普遍都像天書搬難懂，所以也想挑戰自己能寫出簡單易懂 2021 OWASP TOP 10 😃，希望就算不是工程師也能夠理解！文章內容會盡量舉生活中的例子，其中些許跟 2017 有重覆到，但大部分都是更新過的。 此文只 …

Stitches is a lightweight, performant styling library with a focus on component architecture and developer experience. — 開發網站時，不管有沒有使用 UI framework 上（Ant Design、element UI…) ，多少都會有專屬的 styling/theme guide。如何維持網站整體風格一致、寫出簡單清楚並好維護的 css 也是重要課題之一。今天並不會探討如何做出一個完整的 Design system 因為那實在是太博大精深，要介紹的只是一個 c …

Simple, scalable state management 狀態管理工具 — MobX 跟 Redux 解決的事情相同，都是為了避免 React 分散各地難以管理的 State，所以集中處理這些 Share State，只是寫法上更簡單些。 Why use MobX ? 要說最大原因應該是 MobX 比 Redux 好入門很多，但此篇並不會說服讀者一定要使用 MobX，若本來就很熟練 Redux 或其他狀態管理工具那可以繼續用，關掉這篇我不會哭的 😂。 …

打造客製化 Hooks 其實相當容易，基本上也只有 “必須以 「 use 」為開頭命名的 JavaScript function” 一個規則要遵守 — React Hook 系列文 1. 從最基本的 Hook 開始 useState, useEffect 2. Memorized Hook- useMemo, useCallback 3. useRef 4. useContext 5. useReducer 6. useLayoutEffect 7. Custom Hooks 打造客製化 Hook …

還是應使用 useEffect 為主，除非遇到閃爍問題才需嘗試用 useLayoutEffect替換，因為他是 synchronously 所以會有效能上的考量。 — React Hook 系列文 1. 從最基本的 Hook 開始 useState, useEffect 2. Memorized Hook- useMemo, useCallback 3. useRef 4. useContext 5. useReducer 6. useLayoutEffect 還是應使用 useEffect 為主，除非遇到閃爍問題 …

“矽谷是文化的沙漠，若沒工作這裡就是戰場; 若沒女友那可能一輩子單身; 若兩者都有就是歲月靜好” — “矽谷是文化的沙漠，若沒工作這裡就是戰場; 若沒女友那可能一輩子單身; 若兩者都有就是歲月靜好” — <在矽谷生活的模樣> 🔖 文章索引 1 理想生活? 2 在台八年的工作生活 : 週間只有 work，週末才是 Life 3 在矽谷的一天: 真正 Work Life Balance 曾經的我對光鮮亮麗的矽谷生活充滿憧憬，但現實中矽谷跟所有其他地方一樣 …

Mapped type loops over all of the possible keys, and determines the appropriate value type for each key — TypeScript 系列文 1. Types 上 — The Very Basics 2. Types 中— Generics & Utility Type 3. Types 下— Mapped Types 4. 用 ts-migrate 仙女棒讓 JS 專案瞬間 migrate 成 TS 又開始研究進階 TS 的原因是因為聽說下一個專案會有 …