Urfit Day 05

Friday, Feb 21, 2025 | 2 minute read | Updated at Friday, Feb 21, 2025

@
Urfit Day 05

Day-5 要接票了!

今日進度

拿到的票

  • 處理問題:某一區塊的超連結按鈕,需要可以自己設定是否要顯示。
  • 處理邏輯:在資料庫設定一個欄位,用戶可在資料戶中開關。將程式碼加入判斷式,依照資料庫去做顯示或隱藏。
  • 處理步驟 & 用到的工具
    1.先找到該區塊的程式碼,並確認操控的Component。
    2.將四個元件放入陣列[ {物件} ],設定JSX.map將陣列印出
    3.在資料庫新增欄位HASRRA後台操作
    4.設定抓資料庫的資料並從字串轉成陣列.split
    5.設定陣列裡的資料顯示與否,下判斷式A > 0 ? T : F

React:

鐵人賽React文章:從 Hooks 開始,讓你的網頁 React 起來

  • 今天沒進度

會議

  • 今天沒有需要參加的會議

明天進度

  • 休假日,但要繼續看React day15,還有沒回答的問題
  • 完成補充資料:Logical篇

回答出來的問題

  • Q: 為什麼JSX可以直接操作?
    主要是在問,為什麼HTML可以放在JavaScript裡面,而且可以運作?
    是因為這邊是JSX檔,全名是 JavaScript XML,瀏覽器並讀不懂JSX,而是需要編譯器工具,通常在 React 專案中,JSX 轉譯會自動由 Babel 或 Vite、Webpack 等工具處理。

待回答的問題們

  • Q.1: useState & useEffect的差別是?
  • Q.2: stateless?
  • Q.3: 查名詞 :Template string 模板字串``
  • Q.4: 什麼是Migration/ Migrate (回答不出來要被打屁屁了@@)

遇到的問題

  • 對資料庫操作不熟悉,不知道怎麼使用HASURA新增資料。

今日心得

在課程中會學到基礎的用法,一開始會不知道這些東西到底要幹麻,就是一直把資料變來變去。練習的時候就感覺像在死背一個數學公式。
今天在處理手上的票時,因為要做某個動作,想到上課教的方法,馬上拿起來用,解決問題的當下覺得很興奮~
要說工作和學習最大的不同是,學習時只需要知道很簡單的原理,沒有什麼限制。工作上,不是全新的程式,程式碼很龐大。針對不同時期會出現不同的應對方式,就會產生以前為了解決A生出了a,今天新的問題B要解決,可能會跟a衝突,也可能需要考綠當初a的設定,看是要直接增加還是要修改,所以要考慮的因素就變得很多。這應該是最燒腦的地方(苦笑)
簡單來說,遇到一個問題,一定有一、兩個最理想的解法*,但考慮到現有的架構,會出現很多but!,就需要在*這個解法上加入或是避開那些but,

© 2024 - 2025 Joanna's Blog

🌟 A Hugo theme named Dream

About Me

Hello I’m Joanna, this is my blog

我會在這邊分享我學習程式語言的心得與筆記