iT邦幫忙

鐵人檔案

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

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

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

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

[Day21] 遇到 BUG 時,前端和後端互相甩鍋?

從今天開始,讓我們來聊聊前端與後端的愛恨糾葛故事前面幾天的文章我們知道了如何 call API,但事情會就此這麼美好的發展下去嗎?前端 call 後端的 API...

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

[Day22] call API 該認識的 HTTP 狀態碼

為什麼要認識 HTTP 狀態碼?什麼是 HTTP 狀態碼? 昨天的文章提到前端 call API 時後端會噴一些錯誤訊息,讓前端可以進行初步、簡單的除錯。 試想...

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

[Day23] 今夜讓我們潛入後端當 SPY 吧!教你如何用 JSON Server 丟 HTTP 狀態碼不求人

前言 今夜就讓我們潛入後端當 SPY 吧!XD終於被我找到如何模擬 API 丟 HTTP 狀態碼的方法了~~~~ 本日正文 一樣是我們前幾天有介紹到的 JSON...

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

[Day24] 不要再用 alert 啦!用 SweetAlert 根據 HTTP 狀態碼顯示不同的訊息視窗

前言 一樣開始前請記得在 local 端開好前端、後段:後端:node server.js (PS. 今天指令的改變可參考昨天文章)前端:npm start 本...

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

[Day25] 走到 router 才拋 HTTP 狀態碼是沒用的~ 為什麼前端需要知道 API 怎麼丟 HTTP 狀態碼?

前言 一樣開始前請記得在 local 端開好前端、後段:後端:node server.js前端:npm start 本日正文 這兩天的文章我們都有用 JSON...

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

[Day26] 前端查案系列(1)~來找出真正的兇手吧!‧ 無法新增資料事件 (通靈程度:★)

前言 為了模擬一些前端可能遇到的 issue,我試著在 API 寫了一點手腳,但我先不說我在 API 寫了什麼,就跟著我的腳步一起來看看到底發生什麼問題,最後又...

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

[Day27] 前端查案系列(2)~來找出真正的兇手吧!‧ 資料顯示異常事件 (通靈程度:★★)

前言 今天的文章一樣也是前端查案系列,來看看今天小鐵會報什麼樣的案子吧XD (PS1. 檔案結構一樣可參考昨天文章,今天就不再貼一次了)(PS2. 今天的案子寫...

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

[Day28] 前端查案系列(3)~來找出真正的兇手吧!‧ 資料修改失敗事件 (通靈程度:★★★)

前言 今天的文章一樣也是前端查案系列,預計是這個系列的最後一篇,來看看今天小鐵會報什麼樣厲害的案子吧XD (PS1. 檔案結構一樣可參考前天文章,今天就不再貼一...

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

[Day29] 如果能夠早點知道就好了!前端人該會用的測試 API 神器~Postman

前言 從前幾天查案系列的文章中可以看到,小前(前端)遇到 user 報案,有時候得要看 API 的 code 才知道問題環節出在哪裡,而且有時候看了也不一定保證...

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

SPYxFRONTEND - 第30話【行動代號〈完〉】

文章開頭就讓我們用安妮亞的笑容慶祝完賽吧!!!!!!!!!!!!終於順利熬到完結篇!!!!!!!!!!!!今年是第三度參賽,說實在的,到現在完賽了我完全不曉得為...

2022-10-01 ‧ 由 Ado Lin 分享