鐵人檔案
每次搜尋職缺時，需要同時使用好幾個平台查詢，才能拼湊出這個職缺最完整的資訊。就像 Skyscanner 幫助我們搜尋最適合的機票， 試著透過 30 天建立出一個 Jobscanner，讓我可以快速一覽所有相關的職缺。
預計會包含：如何抓取資料、介紹 Cloud Functions、Firestore、設計稿哪裡來、使用 React 框架、部署、維護...等內容。
state 就像是一個快照(snapshot) Rendering 指的是 React 呼叫元件 (元件是一個 function)，return 的 JSX 就...
設計 UI 互動的時候，會思考當使用者進行各項操作的時候， UI 該怎麼改變： 填寫表單時，提交按鈕是 enabled 狀態 點擊提交後，表單和按鈕都會變成...
任務清單的實作中，可能有新增、修改、刪除的按鈕動作，如果使用 useState，三個事件處理函式都要設定 state，例如： const [tasks, set...
職缺 進入各求職平台，搜尋前端關鍵字為例，觀察資料來源以及類型 (使用平台預設條件或排序，不另做設定) 104 網頁：https://www.104.com.t...
同一種資料在不同平台有各自呈現方式，除了抓取資料外，也要整理成方便使用的資料格式，保有乾淨的資料源頭，後續不管是在搜尋、排序上都會更快更方便，以下以整理薪資資...
已知問題 資料全抓或是只抓前幾頁？平台是否會認為請求數過大？需要這麼多資料嗎？ 各家關鍵字搜尋的欄位不相同，例如搜尋前端，有的是針對職稱，有的是只要職缺...
檔案拆分 將檔案做拆分方便維護，例如： ├── constants │ └── index.js ├── utils │ ├── file.js │ ...
靜態切版 Job Card 示意： props 接收單一職缺的資料內容，render 職缺名稱、公司名稱、描述、地點、薪資等資訊 // 略 export fun...
初始化 根目錄建立 firebase-config.js 和 firebase.js // firebase-config.js export const f...
