僅用於教學，文中有使用到外部網站的文章都有附上參考連結，若有疑問請來信告知 email：nickchen1998@gmail.com 一、如何建立 Git 專案...
第一次在此寫文章，請各位多多包涵及指教～ 需要準備 1.主角『Raspberry Pi 400』啦～這次是買有鍵盤版本的，所以不須額外準備鍵盤，主體就是一台小型...
做個總和，就把所有整合在一起，就把之前 Day11 、 Day18 和 Day28 的 component 放在一起吧！ 修改 index.js import...
寫在前面 倒數第二天，來分享點不一樣的東西，今天的內容是iOS專屬哦~ 身為一個10年的資深安卓陣營，當初讓我選擇跳陣營的最大原因就是因為ios捷徑可以方便整...
何謂 CSS in JS 在之前的範例中，已經把 React 分成一個一個模組（我們的身分證製造機還沒有分好XD），這樣可達到元件、功能變成模組化。既然 HTM...
這次來簡單加入一下之前 Day20的檢查工具，來檢查我們製作出來的身分證是不是合規。 .js 引入功能 把之前 Day20 做好的檔案 IDChecker.js...
OKR 1999 年，傳奇創投家約翰．杜爾拜訪Google。當時這間公司成立不到一年，沒有實際的事業發展計劃，但是他們抱負遠大，想的是年營收百億美元的未來。杜...
製作完產生身分證的 JavaScript，接著就把它們放入 React 的程式中。 .jsx 引入功能 在使用 Day25 的樣式，結合 Day26 的程式，就...
前言 不知不覺間今年的鐵人賽也來到了尾聲，今天就讓我們來介紹一下Notion當中最勸退初學者的功能——「Roll up & Relation」這對組合吧...
已經在 Day25中設計了製作身分證的樣式，接下來要製作點擊按鈕後進行的程式邏輯。 製作邏輯的 js 檔案 建立一個 idnoCreater.js 的檔案，裡面...
Formula-橫向欄位的計算 雖然在Day04的時候我們有提到說學習使用Notion的資料庫可以像是用Excel一樣去看待，但是實際上還是有一點不太一樣的地方...
之前遇到的問題還沒有解法，但在 JavaScript 中是可以判斷身分證是否正確，僅在頁面顯示無法的，因此先略過這邊，我們繼續製作身分證製造機。 目標 這次要做...
終於到這個主題惹，很多人在學Notion的時候總是先去找各種模版，但我反而覺得在不瞭解要怎麼用、為什麼要用的時候就一味的去追求模版，反而很容易在過程中迷失了方向...
昨日的作業中，發現可以在 console 中顯示結果，但是無法在畫面顯示檢查結果。 嘗試了幾個方法，仍無法讓 React 正常的轉譯（Render）我的訊息。儘...
檢查功能做完，接著要把功能與畫面結合，這時 React 就登場囉！ 這邊會做基本資料檢查 製作畫面 我們畫面就很簡單的做一個輸入的欄位，還有觸發檢查的按鈕，並且...
大部分檢查功能已經在昨日做完，剩下的就是最重要的檢查碼，現在來討論一下檢查碼如何做吧！（其實已經逃避兩天了 XD） 檢查碼規則 何謂檢查碼 Checksum 被...
已經瞭解規則，接著就開始製作身分證製造機的作業。在開始前，先做個檢查機制，檢查我們的身分證號碼是否正確，也就是 TDD 的精神，這樣才能確認我們的身分證製造機產...
上次使用了參數，讓可以從親層修改子層，但要如何讓子層修改親層呢？ 製作新子層 要修改親層的方法，就是在修改的 handler 傳到子層，藉由呼叫 handler...
無論是在 D15 還是 D16，都是在同一層進行修改資料，或是使用參數從「親層」（Parent，個人比較喜歡翻成「親層」，而不是「父層」）傳到「子層」（Chil...
先前問題與解法 於昨日探討 React 避免太多的轉譯（Render）動作，因此改變 state 並不會馬上反應，會需要等到批次作業，因此需要取得另外處理。 第...
先前遇到的問題 在第10天發現取到的值都是之前的值，對此完全不知道發生什麼事情。經過網友的回應，原來是在 batch update 發生的問題。原來 React...
把 component 做多點變化，製作出 IG 或是一些個人介紹常見的「多連結工具（Bio Link Tools）」，也就是多個超連結在同一個頁面。因此在這邊...
本日先進行 component 內的 props初探，了解 component 如何與外面的資料進行互動，使每個物件都可以順利的把資料傳入作用。 建立第一版 c...
下半場規劃 目前已經到達 12 日，已經可以做出初步的 React 網頁，其中包含著建立 React 物件，並且在本機運作中轉譯（render）成我們想要的 H...
前幾天我們已經把一些最常用到的幾個View介紹過一輪了，接下來的內容會開始著重在資料之間的關係，讓你的Notion應用從1到N！ 頁面引用 隨著我們建立了越來越...
攝氏與華氏 常見的氣溫標記方式為攝氏溫標（degree Celsius）和華氏溫標（degree Fahrenheit），也就是常見的 °C 或 °F 兩種，這...
Gallery View Gallery View又名畫廊模式，會顯示內容圖片的縮略圖或是文章摘要，是一個超適合整理展示的模式 而且畫廊模式的設定非常簡單，接下...
建立一個比較複雜的 .jsx，讓後面使用這個範本進行作業。這邊嘗試用 .jsx 進行副檔名，非原先的.js。 建立 .jsx 建立一個 ChangeStr.js...
前一天我們提到了，在整理資料的過程中，對於如果是分類優先或是進度優先的資料非常適合用Board View進行管理而有些時候我們的資料比起進度，更在乎它在一段時間...
在前一天我們講解了基本的Table View，今天再介紹兩個可以搭配使用的功能 Filter是去蕪存菁的利器，Sort是強迫症患者的福音 當我們開始逐步逐步的添...
eyelash*睫毛
owo
iThome鐵人賽
看影片追技術