第十天：權息通服務網站【一】

經過前九天的前置作業，分別完成了文件建立、爬蟲建立、主機建立，到現在要開始製作面向使用者的部分了

• 初始化 CRA 專案
• 建立流程文件

## 流程
- 建立 SPA 採用 CRA
- 建立首頁
  - 搜尋欄
  - 打 API 到後台取得殖利率資料
    - 填權息成功率
    - 除權息次數
    - 填權息次數
    - 統計年分
    - 歷年平均現金殖利率
    - 歷年平均還原殖利率

• 引入 MUI

    "@emotion/react": "^11.10.4",
    "@emotion/styled": "^11.10.4",
    "@mui/icons-material": "^5.10.9",
    "@mui/material": "^5.10.9",

• 引入 eslint

"devDependencies": {
    "@typescript-eslint/eslint-plugin": "^5.40.0",
    "@typescript-eslint/parser": "^5.40.0",
    "eslint": "^8.25.0",
    "eslint-plugin-react": "^7.31.10"
  }

• 加入 vscode debug 設定檔

{
https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "web-stock-dividend-yield",
            "url": "http://localhost:3100",
            "webRoot": "${workspaceFolder}"
        }
    ]
}