Javascript 閉包 Closure 介紹、閉包跟 FP 的關係? — ✨前言 雖然我一直都是用 functional programming 的概念在撰寫程式，但沒有使用過的閉包，以此篇文章作為學習閉包的紀錄，也希望幫助還沒理解閉包是什麼的讀者們。 至於 functional progamming 在 React 的應用，我們下一篇文章來探討（可以期待是一篇超級實用且知識含量豐富的文章，耶） ✨目錄 - ✨什麼是閉包？ - ✨閉包的特 …

在 Render 的官網中，Docs 頁面有許多語言的範例，但就是沒有 python FastAPI 的範例，且試了好久都一直卡關，終於完成之後就決定寫一篇來分享，希望有幫上忙。 ✨ 目錄 - 簡介 Render / FastAPI - 前置作業 - 建立專案 - FastAPI - 在專案建立變數 - 佈署到 Render - 結論 ✨ 簡介 Render 是一個雲端佈 …

Giphy API tutorial / meme api / Giphy API example / — ✨ 實際應用 LineBot 迷因圖片搜尋｜寫了一個酷東東 — Meme Search LineBot ✨ 目錄 🥸 Giphy API 🤩 如何註冊及獲得 Giphy API Key 🥸 Giphy API 的基本使用方式 🤩 回傳的資料 🥸 python 範例 🤩 錯誤訊息 status ✨ Giphy API Giphy API 是一種提供動態圖像 (GIF) 的 API。它可 …

支援各國語言的迷因圖片搜尋 ✨ 如何使用 加好友 LineID：@740tlgkt 或是掃 QRcode

✨ 目錄 - NASA API - 文件和資源 - API 的註冊和使用 - API 的查詢方式(包含回傳資料說明) - Python 程式實作 - Node.js 程式實作 - API 限制 - 結論 ✨ NASA API NASA API（National Aeronautics and Space Administration API）是 NASA 提供的一系列公開 API，可 …

發現竟然沒有任何中文使用者寫 Edamam API 的教學或介紹文章，於是這篇誕生。🎉🎉🎉 （標題風格有點不一樣是因為，chatgpt 告訴我這樣下標題會比較吸引人(真的嗎( •́ω•̩̥̀ )） Edamam API Edamam API 是一個強大的食物分析工具，它可以提供食物的詳細營養成分，包括卡路里、蛋白質、脂肪、碳水化合物、纖維等。這對於健身、養生、營養師、食 …

Windows 終端機推薦；How to decorate Windows Terminal and edit settings. — 【前言】 之前用過前輩推薦的 Cmder，結果在 windows 上一堆 bug（回上一個指令他就會漏一堆字，或是視窗太小跑到一半他會卡死這種惱人的 bug）。 後來發現微軟內建的終端機其實就很好用了，而且客製化也很簡單，用這篇來記錄如何美化 Windows Terminal 及修改設定值。 越來越多人推薦的原因之一是，如果有安裝 Linux， 他可以直接執行 …

為什麼 React 中，圖片的 src 沒有效果? 可能第一個要引用圖片的直覺寫法會是這樣 function App() { return ( <div> <img src='./img/pictureA.png' alt='I am A' /> </div> ) } 但這種寫法是無效的，因為 Webpack 會需要我們先將圖片引入，才 …

Use React componentDidCatch and Error Boundaries to catch components’ error! — ｜前言 本篇將整理 componentDidCatch + Error Boundaries 捕捉錯誤的基本觀念及實作。(讀了官網及10篇以上的相關文章及 stackoverflow，可信度應該算高啦) 最近因為工作不得不看前人們的 code，發現大部分都以新版 react hooks 做撰寫，但發現在抓 error 的時候，會使用 class 來寫，於 …