第十三天:完成權息通服務網站


Posted by luckstar77 on 2022-10-28

權息通 - 輕鬆查詢各股票歷年除權息資料

第十三天比想像中快完成,一開始以為要三十天,是還有一些寫法可以再改進,等之後有時間再來做處理,最後就是做收尾的動作,服務寫到這裡已經可以利用它去查詢到個股以及 ETF 的填權息資訊、統計年分、歷年平均殖利率,這些指標在做定存股的時候是個很好的參考

  • 調整 ICON 風格
                    <Grid container 
                        direction="row"
                        justifyContent="center"
                        alignItems="center"
                    >
                        <img src={StockLogo} style={{width:'100px'}} />
                    </Grid>
                    <Grid container 
                        direction="row"
                        justifyContent="center"
                        alignItems="center"
                    >
                        <Typography variant="h4" style={{
                            fontFamily: '"Noto Sans TC", "Roboto","Helvetica","Arial",sans-serif',
                            fontSize: '2.05rem'
                        }} gutterBottom>
                        權息通
                        </Typography>
                    </Grid>
                    <Typography variant="h6" style={{fontFamily: '"Noto Sans TC", "Roboto","Helvetica","Arial",sans-serif'}} gutterBottom>
                        輕鬆查詢各股票歷年除權息資料
                    </Typography>
  • 增加環境變數
REACT_APP_API_URL=http://localhost:3000
  • 增加 GA
<!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-B0YH51ELCC"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-B0YH51ELCC');
    </script>
  • 加入 GitHub Pages 的部屬
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",

"homepage": "https://luckstar77.github.io/web-stock-dividend-yield",

  "gh-pages": "^4.0.0"









Related Posts

Vue.js 學習旅程Mile 13 – List Rendering 列表渲染篇:v-for

Vue.js 學習旅程Mile 13 – List Rendering 列表渲染篇:v-for

MTR04_0803

MTR04_0803

[ Vue3 ] 筆記 ref、reactive

[ Vue3 ] 筆記 ref、reactive


Comments