前言 Hello 大家好！ 我是30才跨領域轉職女子 - SOP小姐，在29歲這年決心轉職，跨入網頁開發的領域開始學習前端技能，並期待在30歲這年可以送給自己一...
Day-30 結語 - 沒有完賽心得 在這段時間裡面我只專注一件事情 :完成三十篇文章並且發表，不想為點閱率或者別人怎麼回應這些事情分心，就只是想達成三十天的目...
Day-29 常用網站工具分享 自己從頭到尾用 HTML 寫一個表格，或者從 0 開始使用 CSS 寫一個陰影效果，都是快把人逼死的過程啊，除非是真的打算刻苦一...
Day-28 安裝的 vscode 套件分享 套件跟書一樣，都是要用到的時候才會感覺自己讀的少，之所以到最後才分享工具跟套件，是因為有感覺難用過才會知道套件到底...
Day-27 專案演練 - 寫在最後 專案分享的尾聲，篇幅有限，還有很多想做的功能還沒完成，做個這 20 天來邊做邊寫的總結，在鐵人賽結束之後，我會繼續把之前說...
Day-26 專案演練 - 在 homePage 拿到 list redux 今天我們要完成 homePage 的一部分功能，跟 todo 有關的部分，其實鐵人...
Day-25 專案演練 - 創造全局待辦清單 redux 今天想來做一件事情，把 list 變成全局 state，接下來讓 HomPage 也能取得這份資料，...
Day-24 專案演練 - 用跳窗來小試身手 redux 今天要來嘗試 redux，用的是 RTK(Redux Toolkit)，可以先去官網看看這是個甚麼工...
Day-23 專案演練 - 狀態管理員 redux 近半年前的我剛碰到 redux 的時候，卡關卡很久，看 RTK 的官方教學看不懂，就在網上找到了原作者的教...
Day-22 專案演練 - 修改與刪除代辦清單 useState() 很開心的把表格的功能做完，但我似乎忘記了很多事情，如果它是個 todo list，那是不...
Day-21 專案演練 - 打造表格分頁功能 react-table 表格分頁是這個專案使用 react-table 製作的最後一個功能，在安裝功能之於，將整...
Day-20 專案演練 - 輸出報表 react-csv 插播一個小巧可愛的功能，放鬆一下心情。把待辦清單輸出 csv 檔案，透過一個下載元件，只要輸入資料就...
Day-19 專案演練 - 打造表格排序功能 react-table 表格排序指的是用表格的標題的內容來排序整個表格，雖然可以排序的東西是不限任何型態，只要是...
Day-18 專案演練 - 重構程式碼 雖然並沒有影響專案的功能、畫面，但隨著 TodoPage 的篇幅越來越長，我感覺在撰寫程式的過程有點不太舒服，所以我打...
Day-17 打造表格列選擇功能 react-table 在 todos 中可以當作任務是否完成的選取框框，也可以作為列的選取手段，這樣的設計好像很少見，我之...
Day-16 掌控表格的行與列 react-table 基本安裝與使用 會開始學習使用 react-table 是有故事的，因為工作上有個需求是要讓表格需要排...
Day-15 專案演練 - 打造表單功能 react-hook-form 表單在 react 中的處理相當的繁複，每個 input 都要一個 onCharge...
Day-14 專案演練 - React 拆元件的思路與操作(下) 沒想到拆元件居然真的講了三天。在實作的時候常常會感覺跳過很多步驟，但實際上沒有跳，只是每個步...
Day-13 專案演練 - React 拆元件的思路與操作(中) 到了這個階段，我發現一件事情...就是，我在 Day-7 時有提到要輸出報表，然後的這幾天我...
Day-12 專案演練 - React 拆元件的思路與操作(上) 昨天玩了一下路由，今天在回來看 UI，我會將頁面上需要重複利用的樣式抽出來，在新建的 com...
Day-11 專案演練 - 路由建置 react-router-dom 前兩天辛苦的切版，今天要換換口味，先來做個路由。對網頁有概念的人會知道，網址就是對應...
保護新手的想法 韓劇《Start-Up：我的新創時代》講述一群年輕的工程師、設計師、創業家，參與 Sand Box 這家公司的培訓營，各自在新創道路成長的故事。...
Day-10 專案演練 - UI 建置(下) charkra UI & tailwind CSS 承上一章節，分析過設計稿，清楚元件結構關係，就可以實...
Day-9 專案演練 - UI 建置(上) charkra UI & tailwind CSS 終於要開始做 UI 了，專案的開發也終於有種要啟程的感...
Day-8 專案演練-建立新專案 記得第六天的時候提過，我比較喜歡的開發環境，會以那時說的內容為基底，建置 MyNote 這個小應用，今天這篇文章會提到詳細的...
Day-7 專案演練 MyNote 這次要做的專案，簡單來講是個加強版的 to-do list，除了基本的增刪修改基本功能，還會表格排序，輸出報表(?)，可以...
Day-6 我流 react 開發環境 到底要先分享我常拿來偷懶的網頁工具或好用標籤，還是要直接開幹一個 side project，考慮許久，我決定先來做 s...
Day-5 我流工作系統 開始工作之後，要記的東西真的太多了，只是單純地在紙上寫筆記，應付不了前端工程師的工作...第五天了，想跟大家分享我個人用來工作記事的...
Day-4 求職的歷程 第四天就跟大家聊聊求職歷程吧。開始投履歷之前我有嘗試很多求職資源，就來跟大家分享一下這期間發生的事吧。 緣起 以轉職為目的的學習，必然...
Day-3 學習的歷程 第三天了，這篇文章要來分享個人轉職的學習歷程，學習的方式有千百種，成長的樣態也是多元的，盡可能知道多一點，也是不錯的事情吧。 緣起 偶...
Miss_SOP | SOP小姐
aoigj100
Flower
iThome鐵人賽
看影片追技術