JS – Callback Hell

回呼地獄 Callback Hell，又稱「毀滅金字塔」（Pyramid of Doom）。 簡單來說，它是指當你需要連續執行多個非同步操作（例如：先讀取檔案 A，拿到 A 的內容後再去查資料庫 B，查完資料庫再呼叫…

115-BIRC 前端群 暑期作業

寫一個文件關於，useState 和UseEffect，不管是教學這兩個hook如何使用又或者是用這兩個hook寫了個小專題的專題文件都可以! (建議以Hack MD完成，練習Markdown語法) 方案 A：教學文件 不要只是說明和解釋，要能「用自己的話把複雜觀念講清楚」。 【作業目標】 請撰寫一篇技術教學文件（格式可為 Markdown,…

Markdown、Mermaid 與 LaTeX

技術文件、Wiki、部落格與筆記工具（HackMD、Notion、GitHub、本 Wiki）大多支援 Markdown 作為主要寫作格式。進階內容常搭配 Mermaid 畫圖、LaTeX 寫數學公式。本篇說明三者各自做什麼、怎麼寫、以及在本站如何呈現。 Markdown Markdown 是一種輕量標記語言：用純文字加上簡單符號（#、*、`…

Google SSO × Next.js 實作手冊

適用環境：Next.js 14+ App Router、Server action、NextAuth.js v4、TypeScript目標：照本文件從零完成 Google 單一登入（SSO），含登入頁、Session 讀取、未登入導回、登出。最後更新日期：06/14/2026 ｜…

使用 Dev Container 寫 LaTeX 教學

步驟一：建立 Dockerfile 用VSCode開啟專案資料夾並進入，下載並開啟Docker Desktop (容器環境)。 檔案名稱不能有中文!!!!!!!!!!! 新增 .devcontainer/Dockerfile： 步驟二：建立 devcontainer.json 新增 .devcontainer/devcontainer.json：…

使用 Next.js 串接 MongoDB

MongoDB 詳細操作: https://www.notion.so/Use-MERN-stack-to-dev-Full-Stack-web-2d59def5443d80a194a5e8d6bf6d740a 我們建立好叢集和集合後，就可以去Next.js 寫上環境設定和連接了! 如果在本地測試都OK，部屬到Vercel就不行了，可能要在Vercel中加上環境變數! 環境設定 可以在專案中的 DataBase &…

使用Vercel快速部屬Next.js

開發時常常遇到：需要讓他人預覽專案、卻又不便直接上傳至正式環境的需求。ngrok是一個方法，之前我有寫過，不過雖然用 ngrok 很方便，但 ngrok 本質上是將本地 Port 映射至公開網址，一旦電腦重啟、進入休眠或不慎關閉程式，連線就會中斷。所以缺點是它必須「一直開著」 因此更穩定的雲端預覽方案，還能順便檢查部署狀況、做後續的流量分析，那麼 Vercel 會是我優先首選!…

一個好的Demonstration流程

DEMO 是解決問題 而非 展示功能 1. 準備階段（Pre-Demo） 2. 開場與鋪陳（Setting the Stage） 3. 核心演示（The…