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


Posted by luckstar77 on 2022-10-28

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

  • 初始化 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}"
        }
    ]
}









Related Posts

Print one to n

Print one to n

React原理 - Virtual DOM

React原理 - Virtual DOM

JS30 Day 10 筆記

JS30 Day 10 筆記


Comments