大貓的第一個家

大貓的第一個家

歡迎來到我的部落格，這裡有我分享的技術筆記、生活點滴和旅遊見聞。

  • 來去電影院 2025

    約 1 分鐘

    2025 年忙到沒記下每一部電影是哪一天看的，所以今年的觀影清單改成依台灣上映日期排序。

  • 秋季釜山五天員工旅遊

    約 4 分鐘

    這是我第一次去釜山，而且是跟著公司的員工旅遊一起去的。五天四夜從松島海上纜車、斜坡滑車、海東龍宮寺，玩到甘川洞文化村、海雲台搭船跟汗蒸幕，我很喜歡釜山這種靠海城市的氣氛。

  • 在 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.