學習筆記
36免費公開
紀錄我學習過的電腦技能與知識。
Top 5
useState 是一個 React Hook，當開發者透過它改變資料時，React 偵測到變動便會自動重新渲染畫面，確保使用者看到最新的資訊。
useState 是一個 React Hook，當開發者透過它改變資料時，React 偵測到變動便會自動重新渲染畫面，確保使用者看到最新的資訊。
列表渲染是指利用 JavaScript 的陣列方法，將一組資料動態轉換為對應的 JSX 元素。用於處理重複性結構，例如：留言板、商品清單等，能大幅減少重複程式碼。
列表渲染是指利用 JavaScript 的陣列方法，將一組資料動態轉換為對應的 JSX 元素。用於處理重複性結構，例如：留言板、商品清單等，能大幅減少重複程式碼。
屬性 (Props) 是 React 元件之間傳遞資料的機制，由父元件傳給子元件，具有唯讀性。它是實現組件化開發的核心，確保介面能根據外部傳入的參數動態渲染不同內容。
屬性 (Props) 是 React 元件之間傳遞資料的機制，由父元件傳給子元件，具有唯讀性。它是實現組件化開發的核心，確保介面能根據外部傳入的參數動態渲染不同內容。
元件 (Components) 是將使用者介面拆解成獨立、可重用的程式碼區塊，透過組合多個元件，開發者能像堆疊樂高積木一樣，快速建構出複雜且易於維護的網頁介面。
元件 (Components) 是將使用者介面拆解成獨立、可重用的程式碼區塊，透過組合多個元件，開發者能像堆疊樂高積木一樣，快速建構出複雜且易於維護的網頁介面。
JSX 是一種 JavaScript 的語法擴充，允許開發者在程式碼中編寫類似 HTML 的標籤結構。幾乎所有的 React 函式元件都使用 JSX 來定義畫面佈局與內容。
JSX 是一種 JavaScript 的語法擴充，允許開發者在程式碼中編寫類似 HTML 的標籤結構。幾乎所有的 React 函式元件都使用 JSX 來定義畫面佈局與內容。
React 是由 Facebook 開發的開源 JavaScript 前端函式庫，特色是把畫面切成一塊一塊的「元件」，就像積木一樣，可以重複使用、自由組合。當資料改變時，React 會自動幫你更新畫面，不需要手動操作。FB、IG 等網站都是用 React 打造的，也是現在最熱門的前端技術之一。
React 是由 Facebook 開發的開源 JavaScript 前端函式庫，特色是把畫面切成一塊一塊的「元件」，就像積木一樣，可以重複使用、自由組合。當資料改變時，React 會自動幫你更新畫面，不需要手動操作。FB、IG 等網站都是用 React 打造的，也是現在最熱門的前端技術之一。
pydantic-settings 是基於 Pydantic 的設定管理工具，能自動從 .env 檔案或系統環境變數讀取設定值，並提供型別驗證。
pydantic-settings 是基於 Pydantic 的設定管理工具，能自動從 .env 檔案或系統環境變數讀取設定值，並提供型別驗證。
Lifespan 是 FastAPI 管理應用程式「啟動」與「關閉」邏輯的機制，讓你能在伺服器啟動時執行初始化工作（例如建立資料庫連線池），並在伺服器關閉時執行清理工作（例如關閉連線、釋放資源）。
Lifespan 是 FastAPI 管理應用程式「啟動」與「關閉」邏輯的機制，讓你能在伺服器啟動時執行初始化工作（例如建立資料庫連線池），並在伺服器關閉時執行清理工作（例如關閉連線、釋放資源）。
BackgroundTasks 是 FastAPI 的內建功能，讓 API 在回傳回應之後，繼續在背景執行耗時的工作，例如寄送通知信、寫入 Log 或更新快取，使用者不需要等待這些操作完成就能收到回應。
BackgroundTasks 是 FastAPI 的內建功能，讓 API 在回傳回應之後，繼續在背景執行耗時的工作，例如寄送通知信、寫入 Log 或更新快取，使用者不需要等待這些操作完成就能收到回應。
Pydantic 的 @field_validator 與 @model_validator 裝飾器允許你為模型欄位編寫自訂驗證邏輯。@field_validator 針對單一欄位進行驗證（例如：確認格式、轉換輸入值），@model_validator 則在所有欄位解析完成後運
Pydantic 的 @field_validator 與 @model_validator 裝飾器允許你為模型欄位編寫自訂驗證邏輯。@field_validator 針對單一欄位進行驗證（例如：確認格式、轉換輸入值），@model_validator 則在所有欄位解析完成後運
CORS 是瀏覽器的安全機制，會自動阻擋網頁向不同「來源」發出的 API 請求。
CORS 是瀏覽器的安全機制，會自動阻擋網頁向不同「來源」發出的 API 請求。
@app.exception_handler() 是 FastAPI 提供的全域例外攔截機制，讓你針對特定類型的例外統一決定回應格式。這比在每個路由中個別撰寫 try/except 更有效率：只需定義一次，全專案所有路由都自動套用。
@app.exception_handler() 是 FastAPI 提供的全域例外攔截機制，讓你針對特定類型的例外統一決定回應格式。這比在每個路由中個別撰寫 try/except 更有效率：只需定義一次，全專案所有路由都自動套用。
HTTP 的 PUT 方法代表「整筆取代」，每次都需傳入所有欄位，PATCH 方法則代表「部分更新」，只需傳入要修改的欄位。
HTTP 的 PUT 方法代表「整筆取代」，每次都需傳入所有欄位，PATCH 方法則代表「部分更新」，只需傳入要修改的欄位。
Form Data 是 HTML <form> 標籤的原生傳送格式，使用 application/x-www-form-urlencoded 或 multipart/form-data 編碼，讓客戶端以欄位鍵值對的形式傳送文字資料。
Form Data 是 HTML <form> 標籤的原生傳送格式，使用 application/x-www-form-urlencoded 或 multipart/form-data 編碼，讓客戶端以欄位鍵值對的形式傳送文字資料。
UploadFile 是 FastAPI 處理檔案上傳的核心類別，支援以串流方式讀取大型檔案（如圖片、PDF、CSV），避免一次將整個檔案載入記憶體。
UploadFile 是 FastAPI 處理檔案上傳的核心類別，支援以串流方式讀取大型檔案（如圖片、PDF、CSV），避免一次將整個檔案載入記憶體。
Header Parameters是 HTTP 請求標頭區塊中夾帶的鍵值對，常用來傳遞認證憑證、語言偏好）或自訂的業務識別資訊。
Header Parameters是 HTTP 請求標頭區塊中夾帶的鍵值對，常用來傳遞認證憑證、語言偏好）或自訂的業務識別資訊。
測試 (Testing) 是透過編寫額外程式碼來自動驗證應用程式邏輯是否正確的過程，就像出廠前的品管檢測，確保產品無瑕疵。
測試 (Testing) 是透過編寫額外程式碼來自動驗證應用程式邏輯是否正確的過程，就像出廠前的品管檢測，確保產品無瑕疵。
Middleware 是請求進入路由前、回應送出前的處理層，用來統一處理跨功能邏輯。常用於請求記錄、驗證權杖、請求耗時統計，就像大樓管理室，所有人都要先經過。
Middleware 是請求進入路由前、回應送出前的處理層，用來統一處理跨功能邏輯。常用於請求記錄、驗證權杖、請求耗時統計，就像大樓管理室，所有人都要先經過。
關聯式資料指的是在資料庫的兩個資料表（Table）之間建立連結，讓程式能透過邏輯關係輕鬆存取相關數據。例如：從「使用者 (User)」直接取得該人所有的「項目 (Items)」，而不需要使用複雜的 SQL Join。
關聯式資料指的是在資料庫的兩個資料表（Table）之間建立連結，讓程式能透過邏輯關係輕鬆存取相關數據。例如：從「使用者 (User)」直接取得該人所有的「項目 (Items)」，而不需要使用複雜的 SQL Join。
JWT (JSON Web Tokens) 是一種開放標準，用於在各方之間以 JSON 物件安全地傳輸資訊，透過數位簽章確保資料在傳輸過程中未被篡改，伺服器只需驗證即可，無需每次都向資料庫查核身分。
JWT (JSON Web Tokens) 是一種開放標準，用於在各方之間以 JSON 物件安全地傳輸資訊，透過數位簽章確保資料在傳輸過程中未被篡改，伺服器只需驗證即可，無需每次都向資料庫查核身分。
Top 5
useState 是一個 React Hook，當開發者透過它改變資料時，React 偵測到變動便會自動重新渲染畫面，確保使用者看到最新的資訊。
useState 是一個 React Hook，當開發者透過它改變資料時，React 偵測到變動便會自動重新渲染畫面，確保使用者看到最新的資訊。
列表渲染是指利用 JavaScript 的陣列方法，將一組資料動態轉換為對應的 JSX 元素。用於處理重複性結構，例如：留言板、商品清單等，能大幅減少重複程式碼。
列表渲染是指利用 JavaScript 的陣列方法，將一組資料動態轉換為對應的 JSX 元素。用於處理重複性結構，例如：留言板、商品清單等，能大幅減少重複程式碼。
屬性 (Props) 是 React 元件之間傳遞資料的機制，由父元件傳給子元件，具有唯讀性。它是實現組件化開發的核心，確保介面能根據外部傳入的參數動態渲染不同內容。
屬性 (Props) 是 React 元件之間傳遞資料的機制，由父元件傳給子元件，具有唯讀性。它是實現組件化開發的核心，確保介面能根據外部傳入的參數動態渲染不同內容。
元件 (Components) 是將使用者介面拆解成獨立、可重用的程式碼區塊，透過組合多個元件，開發者能像堆疊樂高積木一樣，快速建構出複雜且易於維護的網頁介面。
元件 (Components) 是將使用者介面拆解成獨立、可重用的程式碼區塊，透過組合多個元件，開發者能像堆疊樂高積木一樣，快速建構出複雜且易於維護的網頁介面。
JSX 是一種 JavaScript 的語法擴充，允許開發者在程式碼中編寫類似 HTML 的標籤結構。幾乎所有的 React 函式元件都使用 JSX 來定義畫面佈局與內容。
JSX 是一種 JavaScript 的語法擴充，允許開發者在程式碼中編寫類似 HTML 的標籤結構。幾乎所有的 React 函式元件都使用 JSX 來定義畫面佈局與內容。
React 是由 Facebook 開發的開源 JavaScript 前端函式庫，特色是把畫面切成一塊一塊的「元件」，就像積木一樣，可以重複使用、自由組合。當資料改變時，React 會自動幫你更新畫面，不需要手動操作。FB、IG 等網站都是用 React 打造的，也是現在最熱門的前端技術之一。
React 是由 Facebook 開發的開源 JavaScript 前端函式庫，特色是把畫面切成一塊一塊的「元件」，就像積木一樣，可以重複使用、自由組合。當資料改變時，React 會自動幫你更新畫面，不需要手動操作。FB、IG 等網站都是用 React 打造的，也是現在最熱門的前端技術之一。
pydantic-settings 是基於 Pydantic 的設定管理工具，能自動從 .env 檔案或系統環境變數讀取設定值，並提供型別驗證。
pydantic-settings 是基於 Pydantic 的設定管理工具，能自動從 .env 檔案或系統環境變數讀取設定值，並提供型別驗證。
Lifespan 是 FastAPI 管理應用程式「啟動」與「關閉」邏輯的機制，讓你能在伺服器啟動時執行初始化工作（例如建立資料庫連線池），並在伺服器關閉時執行清理工作（例如關閉連線、釋放資源）。
Lifespan 是 FastAPI 管理應用程式「啟動」與「關閉」邏輯的機制，讓你能在伺服器啟動時執行初始化工作（例如建立資料庫連線池），並在伺服器關閉時執行清理工作（例如關閉連線、釋放資源）。
BackgroundTasks 是 FastAPI 的內建功能，讓 API 在回傳回應之後，繼續在背景執行耗時的工作，例如寄送通知信、寫入 Log 或更新快取，使用者不需要等待這些操作完成就能收到回應。
BackgroundTasks 是 FastAPI 的內建功能，讓 API 在回傳回應之後，繼續在背景執行耗時的工作，例如寄送通知信、寫入 Log 或更新快取，使用者不需要等待這些操作完成就能收到回應。
Pydantic 的 @field_validator 與 @model_validator 裝飾器允許你為模型欄位編寫自訂驗證邏輯。@field_validator 針對單一欄位進行驗證（例如：確認格式、轉換輸入值），@model_validator 則在所有欄位解析完成後運
Pydantic 的 @field_validator 與 @model_validator 裝飾器允許你為模型欄位編寫自訂驗證邏輯。@field_validator 針對單一欄位進行驗證（例如：確認格式、轉換輸入值），@model_validator 則在所有欄位解析完成後運
CORS 是瀏覽器的安全機制，會自動阻擋網頁向不同「來源」發出的 API 請求。
CORS 是瀏覽器的安全機制，會自動阻擋網頁向不同「來源」發出的 API 請求。
@app.exception_handler() 是 FastAPI 提供的全域例外攔截機制，讓你針對特定類型的例外統一決定回應格式。這比在每個路由中個別撰寫 try/except 更有效率：只需定義一次，全專案所有路由都自動套用。
@app.exception_handler() 是 FastAPI 提供的全域例外攔截機制，讓你針對特定類型的例外統一決定回應格式。這比在每個路由中個別撰寫 try/except 更有效率：只需定義一次，全專案所有路由都自動套用。
HTTP 的 PUT 方法代表「整筆取代」，每次都需傳入所有欄位，PATCH 方法則代表「部分更新」，只需傳入要修改的欄位。
HTTP 的 PUT 方法代表「整筆取代」，每次都需傳入所有欄位，PATCH 方法則代表「部分更新」，只需傳入要修改的欄位。
Form Data 是 HTML <form> 標籤的原生傳送格式，使用 application/x-www-form-urlencoded 或 multipart/form-data 編碼，讓客戶端以欄位鍵值對的形式傳送文字資料。
Form Data 是 HTML <form> 標籤的原生傳送格式，使用 application/x-www-form-urlencoded 或 multipart/form-data 編碼，讓客戶端以欄位鍵值對的形式傳送文字資料。
UploadFile 是 FastAPI 處理檔案上傳的核心類別，支援以串流方式讀取大型檔案（如圖片、PDF、CSV），避免一次將整個檔案載入記憶體。
UploadFile 是 FastAPI 處理檔案上傳的核心類別，支援以串流方式讀取大型檔案（如圖片、PDF、CSV），避免一次將整個檔案載入記憶體。
Header Parameters是 HTTP 請求標頭區塊中夾帶的鍵值對，常用來傳遞認證憑證、語言偏好）或自訂的業務識別資訊。
Header Parameters是 HTTP 請求標頭區塊中夾帶的鍵值對，常用來傳遞認證憑證、語言偏好）或自訂的業務識別資訊。
測試 (Testing) 是透過編寫額外程式碼來自動驗證應用程式邏輯是否正確的過程，就像出廠前的品管檢測，確保產品無瑕疵。
測試 (Testing) 是透過編寫額外程式碼來自動驗證應用程式邏輯是否正確的過程，就像出廠前的品管檢測，確保產品無瑕疵。
Middleware 是請求進入路由前、回應送出前的處理層，用來統一處理跨功能邏輯。常用於請求記錄、驗證權杖、請求耗時統計，就像大樓管理室，所有人都要先經過。
Middleware 是請求進入路由前、回應送出前的處理層，用來統一處理跨功能邏輯。常用於請求記錄、驗證權杖、請求耗時統計，就像大樓管理室，所有人都要先經過。
關聯式資料指的是在資料庫的兩個資料表（Table）之間建立連結，讓程式能透過邏輯關係輕鬆存取相關數據。例如：從「使用者 (User)」直接取得該人所有的「項目 (Items)」，而不需要使用複雜的 SQL Join。
關聯式資料指的是在資料庫的兩個資料表（Table）之間建立連結，讓程式能透過邏輯關係輕鬆存取相關數據。例如：從「使用者 (User)」直接取得該人所有的「項目 (Items)」，而不需要使用複雜的 SQL Join。
JWT (JSON Web Tokens) 是一種開放標準，用於在各方之間以 JSON 物件安全地傳輸資訊，透過數位簽章確保資料在傳輸過程中未被篡改，伺服器只需驗證即可，無需每次都向資料庫查核身分。
JWT (JSON Web Tokens) 是一種開放標準，用於在各方之間以 JSON 物件安全地傳輸資訊，透過數位簽章確保資料在傳輸過程中未被篡改，伺服器只需驗證即可，無需每次都向資料庫查核身分。