鐵人檔案
每次搜尋職缺時，需要同時使用好幾個平台查詢，才能拼湊出這個職缺最完整的資訊。就像 Skyscanner 幫助我們搜尋最適合的機票， 試著透過 30 天建立出一個 Jobscanner，讓我可以快速一覽所有相關的職缺。
預計會包含：如何抓取資料、介紹 Cloud Functions、Firestore、設計稿哪裡來、使用 React 框架、部署、維護...等內容。
初始化 ＊Cloud Functions 作法 const { initializeApp } = require('firebase-admin/app');...
要解決的問題 搜集多個求職網的前端職缺 要有的功能 顯示資訊 職缺名稱 (必要) 公司名稱 (必要) 地點 薪資範圍 其他相關 Tag 排序 薪資 過...
初始化 建立專案資料夾 mkdir jobscanner-template cd jobscanner-template pnpm init 補充：pnpm...
HTML 結構 card ├── card__body │ ├── card__img │ └── card__main │ ├── car...
input input 是用在 form 中的元素，使用者透過 input 的互動操作填寫表單。(不同裝置以及瀏覽器的 input 呈現方式可能不太相同。) &...
自我喊話 開賽時的滿腔熱血似乎耗盡文章內容開始發散、偷懶、不清不楚 每一篇文章，也許也是需要一個明確的目標就一件事，紀錄一件自己覺得重要的事 即使是常用的一個方...
以下內容、範例來自React - 官方文件 React 開發的應用都是由元件組成，元件可以有自己的邏輯、外觀，小至一顆按鈕，大至整個頁面都可以作為一個元件。...
建立元件的步驟 使用 export default 匯出 定義函式 function Xxxx() {} return markup 補充：Defaul...
依據不同的條件判斷 render 對應的 JSX // 根據 isPacked 決定是否顯示 ✔ if (isPacked) { return <li...
建立事件處理器函式，把函式作為 prop 傳給 JSX tag 在 Button 元件中宣告一個函式 handleClick 在函式中撰寫要做的事 將 onC...
