一樣是不免俗的前言

今年是第三次參加鐵人賽了，
時間過得真快~~~~~
今年年初才剛參加了去年鐵人賽頒獎典禮，
感覺好像已經是很久以前的事了XD

上次的鐵人賽最後有提到不知道下一次還會不會參加XD
是的，如同年初頒獎典禮上大大所說，
我又來 自虐 了XD

從第一次參加鐵人賽開始，
好像每年的我都會有所成長(?)，
才會有寫鐵人賽的材料XD

今年的 30 天系列文準備要寫什麼呢？

今年的題目是
「SPYxFRONTEND ～ 懂一點後端真是讓人哇哭哇哭」

回想去年的我，
雖然號稱在寫前端，
但其實去年的我只會「刻畫面(靜態)」而已，
其它要跟後端有所橋接的地方，
包含跟後端拿資料渲染在前端，
或是按下按鈕可以對資料做 insert, update, delete，
這些我都不會，
除了是不會以外，甚至是看到這些動作還有點害怕的程度XD

今年的我開始要面對跟後端連結的這些動作，
一開始真是害怕得不得了，
到現在雖然是沒這麼害怕了，
但需要碰到 call 後段 API 去做 insert, update, delete 時，
我還是有點害怕的。
害怕的點是因為，
一則我怕我寫得不好，call 錯方式之類的害資料髒掉orz
二則是 call API 後端噴 error，
我很常搞不清楚到底是我前端寫錯，
還是後端真的有問題orz
這種時候我就不能只靠一己之力解決，
而是要麻煩後端大大幫看，
就覺得很無能為力QQ
(加上很多時候是麻煩後端大大看完之後發現是自己北七就更無力了)

而且我記得一開始我連跟後端拿資料都還不太會的時候，
就被前輩要求去寫 call API 去 delete，
媽呀，天曉得我當時有多害怕QQ
我超怕我一個 call 不好把資料刪光光之類的QQ (雖然是測試環境啦)

因此我記得後來我是做了其它任務(?)拿到一些經驗值之後，
回來才把這個 delete 寫完，
完成後覺得這件事這實在沒有比想像中困難XD
因為基本上就是後端把 API 開好，
前端真的只是去 call，call 完收工XD
(只要不遇到 error，call API 都是一件很美好的事XD 因為真正要忙的是後端)

所以我想要透過這 30 天的文章把我今年剛接觸 call 後端 API，
如何用 axios 去做 select, insert, update, delete，
還有 call API 得到 error 時怎麼去判斷是前端還是後端問題...的這段歷程記錄下來，
然後再把學習這些東西的順序釐清出來，
除了是複習之外，
也希望讓之後跟我遇到一樣問題的人不會跟我一樣霧煞煞XD
(feat. 以寫鐵人賽之名，行表前輩之實 XDDDDDDDDDD)
(PS. 這段我根本把去年第一天的文複製貼上XD)

今年開始接觸後端，
深深體會到前端不是只有刻畫面而已XD
不只是刻靜態畫面，還可以 call API 去讓頁面產生動態變化、執行動作，
這真的很有趣呢！
因此今年的題目並不完全只是硬套間諜家家酒的梗，
而是懂一點後端真的會讓人 哇哭哇哭（日語：わくわく，興奮之意）

不過我也還在學習的路上，
因此各位先進前輩大大們如果看到小的有錯誤之類的，
請不吝鞭策指正m(_ _)m

後記

其實本來想昨天跟著大家一起開賽，
今年的題目雖然我自己覺得算有趣，
但我心裡其實沒想到 30 天的路要怎麼走...
(一種還沒開賽就覺得會天窗的節奏orz)
於是就拖到今天才開賽了，
雖然如此但我現在也還是頗不安的，
但頭洗下去了，就加油吧XD
希望今年也能順利完賽拿到獎狀！！！

最後用梗圖結束第一天文章XD