鐵人檔案
在軟體開發中會用到各種工具，無論是時間換算、單位換算等等換算，或是隨機資料產出，這些看似小小工具，但如果有地方可以快速的提供服務，那該有多好～
儘管網路上有許多工具可以使用，但睫毛希望藉由這次的機會，學習 React。運用新的技巧和新穎的元件，打造出符合自己使用習慣的開發工具。
大部分檢查功能已經在昨日做完，剩下的就是最重要的檢查碼，現在來討論一下檢查碼如何做吧！（其實已經逃避兩天了 XD） 檢查碼規則 何謂檢查碼 Checksum 被...
檢查功能做完，接著要把功能與畫面結合，這時 React 就登場囉！ 這邊會做基本資料檢查 製作畫面 我們畫面就很簡單的做一個輸入的欄位，還有觸發檢查的按鈕，並且...
基本的身分證檢查已經完成，可以檢查長度、地點、性別等等，但是缺少了檢查檢查碼的部分，這篇會說明如何建立檢查碼。 檢查碼功能 checkCkDigit() 增加檢...
昨日的作業中，發現可以在 console 中顯示結果，但是無法在畫面顯示檢查結果。 嘗試了幾個方法，仍無法讓 React 正常的轉譯（Render）我的訊息。儘...
之前遇到的問題還沒有解法，但在 JavaScript 中是可以判斷身分證是否正確，僅在頁面顯示無法的，因此先略過這邊，我們繼續製作身分證製造機。 目標 這次要做...
已經在 Day25中設計了製作身分證的樣式，接下來要製作點擊按鈕後進行的程式邏輯。 製作邏輯的 js 檔案 建立一個 idnoCreater.js 的檔案，裡面...
製作完產生身分證的 JavaScript，接著就把它們放入 React 的程式中。 .jsx 引入功能 在使用 Day25 的樣式，結合 Day26 的程式，就...
這次來簡單加入一下之前 Day20的檢查工具，來檢查我們製作出來的身分證是不是合規。 .js 引入功能 把之前 Day20 做好的檔案 IDChecker.js...
何謂 CSS in JS 在之前的範例中，已經把 React 分成一個一個模組（我們的身分證製造機還沒有分好XD），這樣可達到元件、功能變成模組化。既然 HTM...
做個總和，就把所有整合在一起，就把之前 Day11 、 Day18 和 Day28 的 component 放在一起吧！ 修改 index.js import...