tags: 2021鐵人賽 React 因為下一篇要讓導覽列在手機版網頁呈現漢堡選單的樣式,在參考其他工程師寫的網頁的時候,發現有一位是用styled-comp...
tags: 2021鐵人賽 React 上一篇確認過API內容之後,剩下的部份就是串接API,並將資料呈現在畫面上了,雖然描述起來是短短兩句,不過還是寫了好多的...
tags: 2021鐵人賽 React 一般來說在開發階段,前端與後端會討論資料需求,讓API產出的內容能夠滿足前端畫面的需求,不過這次因為是串接外部的API,...
tags: 2021鐵人賽 React 接下來幾篇都會串接Finmind這個開源API,本篇就先來理解一下Finmind有哪些資料可以使用。看了一下官方網站的資...
tags: 2021鐵人賽 React 先從mobile版型的頁面來看,可以分為幾個部份,如下圖: 分為最上面Title、TaiwanStock、USStock...
tags: 2021鐵人賽 React 2.0首頁想加上各國股市的最新盤勢資訊,畢竟這些資料是投資人每天都會需要看一下的,所以放在首頁會是不錯的選擇。 首頁會放...
tags: 2021鐵人賽 React 上一篇將選單列做出來,並且完成點擊上方按鈕會跳轉至對應頁面的功能,不過總覺得好像少了些什麼?原來是點擊按鈕之後,按鈕的樣...
tags: 2021鐵人賽 React 如Day15的wireframe,為了要加上更多的功能,因此要在頂端列新增幾個按鈕,每個按鈕代表不同的路由,而不同的路由...
tags: 2021鐵人賽 React 前一篇提到的導覽列的各個按鈕,點擊之後會跳到不同的頁面,每個頁面都會是不同的路徑,這個功能可以使用react-route...
有了總體經濟的圖表之後,接下來就要來製作各國股市的資訊站,筆者最常看的就是台股的資訊,其次則是美股、英股、歐股、日股、匯率、利率...等等,想做的很多,剩下15...
tags: 2021鐵人賽 React 之前剛開始設計call api取得資料的時間點是在Card元件載入的時候才讀取,但是加上分頁功能之後,會發現一個問題,假...
tags: 2021鐵人賽 React 還記得這個網站有篩選圖表的功能嗎?當初畫wireframe的時候考量到未來圖表可能會越來越多,因此規劃了下拉式選單來做篩...
tags: 2021鐵人賽 React 本篇要將call api的功能獨立成一個元件,在架構上會更清楚的分工不同檔案的功能,之後也有可能是其他元件會呼叫api的...
tags: 2021鐵人賽 React 在Day9說明了useEffect的用法,不過其實當Card.js渲染時,會發現console有錯誤訊息如下: src...
tags: 2021鐵人賽 React 既上一篇介紹完useState hook後,本篇就來介紹Day6也有用到的useEffect hook,在React官網...
tags: 2021鐵人賽 React 在Card元件中有使用到useState,是React中一個蠻重要的hook,是一個非常強大的功能,看起來跟用起來都非常...
tags: 2021鐵人賽 React 上一篇在串接API的時候有遇到一個前端蠻常見的問題,跨來源資源共用(CORS)被阻擋,錯誤代碼如下: 打開瀏覽器的con...
tags: 2021鐵人賽 React 上一篇使用靜態的資料,將多張數據資料表畫成線圖呈現在網頁上,因為這個資料來源是JSON檔,所以是相對難更新的,因此本篇要...
tags: 2021鐵人賽 React 上一篇只畫了一張圖表,投資怎麼可能只需要看一張圖呢?這邊就再加上兩張圖來看看吧! 更改資料放置位置 專案架構圖如下 這...
tags: 2021鐵人賽 React Javascript繪圖套件 在搜尋chart library的時候,發現JS可以用的library很多,包含 D3.j...
tags: 2021鐵人賽 React 使用 Creat react app 對於React的初學者來說,create react app是最好的朋友,可以快速...
圖片來源:unsplash 關於資料視覺化的工具一般使用者最先接觸的可能是Microsoft Excel工具,後來在程式語言當中常見的是Python Ma...
tags: 2021鐵人賽 React 投資Dashboard內容設計 要實際動手製作wireframe之前,先來規劃一下圖表的內容有什麼,一般來說,投資相關的...
簡介 本系列內容將會提及D3Js和資料相關內容的知識,主題訂定為資料駕馭網頁,其實一部分原因來自D3Js原始英文來自於Data-Driven Documents...
tags: 2021鐵人賽 React 系列文想法來源 因為筆者本身在金融業工作,日常生活中時常關注一些投資相關的數據,例如:總體經濟數據、個股財務報告、加密貨...
HI 大家好~ 第一次參加鐵人賽的活動(非常緊張),先簡單跟大家自我介紹,幾年前我是在事務所當個會計人,現在在資訊產業當一枚菜鳥,至於為什麼想要參加鐵人賽? 希...
Hi! 大家好久不見,我是Eric。真的是時隔多日,我們的網站終於又更新啦!這次要練習運用Python中的matplotlib套件來做一個小專題,繼續來看下去...
全部都是滿滿的回憶,從最近的森友會,到最早的俄羅斯方塊,不知道大家都否每一套都有收集到? 以全平台(包含遊戲主機、PC與手機的付費下載版本),並且不採計遊戲的...
各國政府機關和法院經常提出要求,希望從 Google 產品中移除某些資訊。Google會審查這些要求,並根據相關法律或Google的產品政策,判斷是否應移除相...
什麼樣的遊戲,能讓你玩到天長地久什麼樣的遊戲,讓讓你玩得日夜不休 卡關的心情很痛苦,破關的心情很舒服卡關時魂牽夢縈,破關時才知誰輸誰贏 說好只玩一小時,結果只...