前言

由於 每日文章皆會在 HackMD-team先寫一次，再貼過來，所以有些圖片就沒有顯示出來
預計在今天或之後更新(補齊)圖片於Day1~9的文章中。

同步更新於@ttk25 - 有完整圖片!

Recap (回顧) Day 1~9

• Day 1 User Story : 講述 我要完成名為桌球王的Side Project。
• Day 2 Frontend : 完成 桌球王中的任務-自製桌球出賽名單，其實只需前端，提及會使用到的語言、框架、套件。
• Day 3 UI : 建立React App，並加入 Table, Button 兩項主要Component，初步拉出出賽表單呈現。
• Day 4 淺談CSS : 分析 Day 3 CSS 寫法，並提供CSS的幾種寫法。
• Day 5 排版 : 加入 Ant Design Layout，並讓元件間留白(不黏在邊邊)。
• Day 6 UX : 加入互動，按按鈕可以新增列。
• Day 7 UX conti. : 使互動更加完整。
• Day 8 UX Print : install react print package，可將局部(Table)畫面擷取列印。
• Day 9 UI Form, Input : 加入可填寫欄位，並做完整排版。

Day 10 Conclusion

近乎完成 Day 1 設定的完成標準(98%)。

可新增單打點或是雙打點的表格列

how to be better ?
新增雙打點時，可以在 No#那做個 rowSpan(列合併)，以清楚知道那一點為單或雙打點。

接下來...

1. Prettier
2. Create GitHub Repo & Git
3. Deploy (github-page)
4. PWA
5. Font-family
6. (Optional) GitLab <> 3. Github