春季首爾七天自由行
這是我第三次去首爾，一樣住在弘大附近。這次沒有排什麼特別的行程，就是走走逛逛、吃吃喝喝，很輕鬆的放鬆之旅。去了以前沒去過的聖水洞，七天裡總共吃了四次炸雞。
大貓的第一個家
歡迎來到我的部落格，這裡有我分享的技術筆記、生活點滴和旅遊見聞。
第 2 頁，共 17 頁
設計稿還沒定案，開發可以先做什麼
約 4 分鐘2025 年初我接下一個新專案的前端，目標是三月的能源展 Demo。結果放假前需求與畫面重新規劃，進度退回一成，設計師又同時兼顧好幾個案子。這篇記錄我怎麼在設計稿只有一成的情況下，照著線稿先把頁面蓋到三到五成，哪些東西先鎖定、哪些留到最後，還有「給客戶看的 Demo」跟「要上線的 MVP」為什麼應該分開。
小步合併，讓 CI 早一點說話：一次 Semgrep 掃描教我的事
收尾一個 Next.js 專案時，把 dev 合併到 main 的那一刻，CI 的 Semgrep 掃描跳出了 SSRF 弱點。追下去才發現被標記的那層 API Routes 其實只是在轉送 Mock 資料。這篇記錄當時怎麼判斷、怎麼處理，還有我從這件事學到的幾個習慣：掃描結果其實是在講架構、Mock 資料該放在哪一層，以及為什麼要小步合併。
2024 年度回顧
約 4 分鐘來記錄一下我在 2024 年發生的大小事情 🎉
來去電影院 2024
約 2 分鐘跟大家分享我在 2024 這一年，跑去電影院看的所有電影！
在 Next.js 中串接 Google Maps API
約 1 分鐘在現代 Web 開發中，地圖服務是許多應用的重要元件。本文將介紹如何在 Next.js 中使用 Google Maps API，並展示一個包含地圖標記和互動功能的範例。
Next.js 15 (App Router) - Rendering
約 1 分鐘Next.js 從 Pages Router 轉換到 App Router 後，資料獲取和渲染策略有了重大改變。本文將詳細解說如何將 Next.js 12 的 CSR、SSG、ISR 和 SSR 模式轉換到 App Router 架構中。
Next.js 15 Featured-based Folder Structure
約 1 分鐘分享近期針對 Next.js 專案所設計的 Feature-based 資料夾結構，這個架構可以幫助提升模組化、可維護性，與擴展性，覺得相當不錯。
[Data Structures] Hash Tables
約 2 分鐘In this article, we’ll explore the hash table data structure, which provides fast data access using keys. We'll build our own hash table step-by-step in JavaScript, covering how it stores data, handles collisions, and retrieves values.
[Data Structures] Binary Search Trees
約 4 分鐘In this article, we'll dive into the fundamentals of Binary Search Trees (BST), a powerful data structure that organizes data for efficient insertion, search, and traversal operations. Starting from the basic concepts, we’ll explore the recursive call stack, how to insert and search for values, and cover multiple traversal methods, including depth-first (in-order, pre-order, post-order) and breadth-first traversals. By the end, you’ll understand BST operations and have the code to create and manipulate a Binary Search Tree in JavaScript.