iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

30 天用 Rust 打造 QR Code 製造機 系列

30 天來挑戰使用 Rust 和 Actix 框架,打造一個 QR Code 生成網站。這個網站可以讓使用者輸入連結,並生成相對應的 QR Code,可以自由設定 QR Code 的顏色、大小和格式。

鐵人鍊成 | 共 30 篇文章 | 16 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11 - 為 Rust 整合測試

整合測試 考慮到我們的 Web Server 有多個功能,例如產生 QR Code、驗證顏色碼、從地址獲取經緯度等,整合測試將確保所有這些部分能夠正確地一起工作...

2023-09-26 ‧ 由 Bucky 分享
DAY 12

Day 12 - 如何利用 GitHub Action 自動化測試

在前兩篇文章中,我們分別示範了單元測試與整合測試,讓我們的 QR Code 的功能更加穩定。今天,我們將會展示如何利用 GitHub Action 自動執行這些...

2023-09-27 ‧ 由 Bucky 分享
DAY 13

Day 13 - Next.js 新專案,啟動!

Next.js 是一個極受歡迎的 React 框架,專為 Server Side Rendering(SSR)、Static Side Generation(S...

2023-09-28 ‧ 由 Bucky 分享
DAY 14

Day 14 - 設定網站的 UI

設定網站的 UI 新增完專案後,就可以開始建立這個網站的 UI 了,首先要看這個網站有哪些功能,然後來決定需要哪些畫面,這個網站目前有以下幾個功能: 選擇 Q...

2023-09-29 ‧ 由 Bucky 分享
DAY 15

Day 15 - 解決 CORS 問題

這篇文章會介紹如何解決 CORS 問題,並且讓前端可以跟後端正常溝通。最後並且把 QR Code 的圖片顯示在前端。 什麼是 CORS 根據 Wikipedia...

2023-09-30 ‧ 由 Bucky 分享
DAY 16

Day 16 - 如何用 Axios 來管理 API

什麼是 Axios Axios 是一個基於 Promise 的 HTTP 客戶端,可以用在瀏覽器和 Node.js 中,可以用在前端和後端,可以用來發送 HTT...

2023-10-01 ‧ 由 Bucky 分享
DAY 17

Day 17 - 使用 Form 表單送出資料

上一篇文章示範了如何使用 GET 方法去取得 PNG 的 QR Code,這一篇文章則是要示範如何使用 POST 方法去取得 PNG 的 QR Code,並且會...

2023-10-02 ‧ 由 Bucky 分享
DAY 18

Day 18 - React Hook Form 做好你的表單驗證

前一篇文章示範了如何使用 Form 表單送出資料,不過這個表單並沒有做任何的驗證處理,例如:使用者沒有輸入資料、輸入的資料格式不正確等等,這些都是需要處理的,這...

2023-10-03 ‧ 由 Bucky 分享
DAY 19

Day 19 - 驗證輸入的文字是否正確

現在當選擇類別後,不管輸入什麼文字,結果都可以送出表單,並且產生錯誤的 QR code,這樣並不是我們想要的結果,所以這篇文章將會示範如何設定正規表達式來驗證輸...

2023-10-04 ‧ 由 Bucky 分享
DAY 20

Day 20 - 使用 Zustand 來做狀態管理

現在的頁面只有一個產生 SVG 的表單,不過我們還有一個比較簡單的產生 PNG 的表單還沒有做出來,但在做之前,我想先把目前的狀態使用狀態管理工具來管理,這樣之...

2023-10-05 ‧ 由 Bucky 分享