iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

SPYxFRONTEND ~ 懂一點後端真是讓人哇哭哇哭 系列

回想起來,去年的鐵人賽接觸了 React,
那時候以為我對前端已經有一定程度的了解XD
殊不知,前端不是只有這樣RRRRR
今年開始碰 axios,寫資料的 insert, update, delete,
才發現前端不只是「刻畫面」而已XD
不過寫資料的 insert, update, delete 表示要開始接觸到一點後端的東西了,
因為一開始碰後端的時候也算是遇到了很多問題,
所以想把這段過程記錄下來,
除了讓自己看看到目前為止走了多遠,
今年這個系列文也希望可以幫助到跟我有一樣困擾的人~~~

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day1] iThome 鐵人賽,ただいま!(我回來了!)

一樣是不免俗的前言 今年是第三次參加鐵人賽了,時間過得真快~~~~~今年年初才剛參加了去年鐵人賽頒獎典禮,感覺好像已經是很久以前的事了XD 上次的鐵人賽最後有提...

2022-09-02 ‧ 由 Ado Lin 分享
DAY 2

[Day2] 在遇見後端以前,先來認識一下 Chakra UI 吧~(上篇)

前言 雖然本系列文主要是想講跟後端有關的事,但身為一個專業的 SPY(?),如果連自己(前端)都不了解的話,要怎麼當 SPY 呢XD所以要接觸後端之前,我們就先...

2022-09-03 ‧ 由 Ado Lin 分享
DAY 3

[Day3] 在遇見後端以前,先來認識一下 Chakra UI 吧~(下篇)

前言 在昨天的文章中有提到 Chakra UI,今天繼續來介紹 Chakra UI 好用方便的地方吧! 本日正文 昨天有提到 Chakra UI 除了可以直接在...

2022-09-04 ‧ 由 Ado Lin 分享
DAY 4

[Day4] 用前端角度來聊聊~ 後端對前端來說是怎樣的存在?

前言 前幾天玩了一下 Chakra UI,是時候該來碰一下後端了XD?不過在正式接觸後端 API 之前,今天讓我們來聊一下前端跟後端的關係吧~ 本日正文 我不能...

2022-09-05 ‧ 由 Ado Lin 分享
DAY 5

[Day5] 巧婦難為無米之炊~ 第一步就先從取得資料開始吧!之 變數篇

前言 「巧婦難為無米之炊」 再怎麼厲害的前端,沒有資料可以讓你渲染也是白搭XD因此就從如何取得資料開始吧! 本日正文 其實我覺得資料的取得方式從基礎到進階,...

2022-09-06 ‧ 由 Ado Lin 分享
DAY 6

[Day6] 巧婦難為無米之炊~ 第一步就先從取得資料開始吧!之 import 篇

前言 昨天提到資料取得的三種方法, 1.變數 → 2.import檔案 → 3. call API 並且介紹了入門款的 1.變數,那今天當然是介紹 2. i...

2022-09-07 ‧ 由 Ado Lin 分享
DAY 7

[Day7] 來到 call API 的第一道門 ~ AJAX - XMLHttpRequest 篇

前言 資料取得的三種方法, 1.變數 → 2.import檔案 → 3. call API 今天終於來到 3. call API 了~~~ 本日正文 其實如...

2022-09-08 ‧ 由 Ado Lin 分享
DAY 8

[Day8] 用 fetch 拿資料好愜意

前言 因為昨天文章發的有點匆忙,今天的文章會再補充一下昨天介紹的 XHR,然後練習 fetch 的用法~ 本日正文 用 XHR 好像有點麻煩? 昨天練習了用 X...

2022-09-09 ‧ 由 Ado Lin 分享
DAY 9

[Day9] 來認識 axios 吧!之「既生 fetch,何生 axios?」

本日正文 今天終於要來用 axios,查了一下發現 axios 也是用 Promise 物件的寫法,跟昨天介紹的 fetch不同的地方是,fetch 可以直接使...

2022-09-10 ‧ 由 Ado Lin 分享
DAY 10

[Day10] 可以 call 一次 API 就解決的事,你為什麼要 call 很多次呢?來用用 useSWR 吧!

本日正文 無論是用 fetch 還是 axios,只要你有發出請求,就會真的去抓取一次資料再回傳給你。 這邊我先用昨天的 axios 範例,埋一個 dataFe...

2022-09-11 ‧ 由 Ado Lin 分享