「先發散再收斂再發散再收斂」，第一次聽到這個概念大概是 2025 年的時候，時常在各平台吸收各種有關軟體開發與設計的資訊之下，無意間發現的。 簡單來說，在解決問題、發想創新，與設計之時，通常會經歷這個標題所描述的過程。 我並不是專門學過設計 UI/UX 或產品的人，但在專案開發經驗中其實也非常相似。 就拿該 Astro 寫的這個網頁來說，其實它歷經了各種修改與進步，從最初的版本充滿我個人想試試看各種酷酷的前端效果，到中間開始將過多的效果與不必要功能的刪減，一直到最後的把某些 UI 元素更模組化，甚至寫一些 Tailwind 的 utility class 來讓 UI 元素更容易被重複使用。 這…

omp 的初次使用與嘗試理解 prewalk 的研究文章

前言 現今的前端框架百百種，如 React、Vue、Angular、Svelte 等等，但他們有分很多種不同的渲染方式，而我使用 Next.js 開發時一直都是簡單帶過，沒有深入了解，所以這篇文章就來認識 SSR、CSR 與 SSG 這三種主要渲染方式。 SSR (Server-Side Rendering) 用戶端（Client）每次請求網站資源時，SSR 會先在前端伺服器進行運算，產生完整的 HTML 內容後，再傳送給用戶端（Client）。 所以網站內容生成的大部分時間是在伺服器端完成，當用戶端接收到 HTML 內容後，就可以直接顯示，不用再進行其他運算。 - 缺點：每次請求都需要到伺服…

介紹 Cookie 的屬性，以及潛藏的資安風險。

- 分類：Web - 難度：Medium - 題目連結：https://play.picoctf.org/practice/challenge/88 過程 目的是 SQL Injection 以及繞過語句的黑名單 1. 題目說 Log in as admin，所以要登入的 username 是 admin 2. 第一題被擋的是 or 3. 第二題被擋的是 or and like = -- 4. 第三題被擋的是 or and = like > < --，但有點不清楚為何 / ... / 會被擋 5. 第四題被擋的是 or and = like > < -- admin，admin 被擋，那就用字…