iT邦幫忙

鐵人檔案

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

中年大叔(40+)前端自學筆記 系列

這是一個七年級大叔在閒暇之餘
寫一些個人自學過程中的筆記與心得分享

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

DAY21 - Strapi API Parameters

前言: 今天這篇還是在測試程式(scripts\strapi-request.mjs)裡,寫有關API對接的範例是獨立的程式,並不會動到專案裡的程式碼。 安裝套...

DAY 22

DAY22 - 從cms的資料庫撈資料到前端 1

前言: 昨天的內容是在單獨的js檔案中,完成API的對接,從Strapi的資料庫中,撈出資料,今天的內容就是把寫在測試程式裡的程式碼拿到專案中實作。 編輯 li...

DAY 23

DAY23 - 從cms的資料庫撈資料到前端 2

缺少圖片 重點 把圖片 顯示在網頁上 const CMD_URL = "http://localhost:1337"; const...

DAY 24

DAY24 - 從cms的資料庫撈資料到前端 3

前言: 昨天把Review頁面完成後,接下來要做單獨的頁面API資料串接現在點選個別的遊戲頁面連結是會跳出錯誤的,今天就完成這個部分 先在測試程式裡實作 sc...

DAY 25

DAY25 - 從cms的資料庫撈資料到前端 4 (end)

前言: lib\reviews.js 裡面的 getReview getReviews 兩隻函式有很多重複的地方另外寫一隻函數來取代,重複的地方有兩個,拆成兩隻...

DAY 26

DAY26 - Static Build with CMS Data

前言: 所有的資料都改用CMS後端原本存放markdown文件檔的 content 資料夾可以整個刪掉 這邊要檢視 npm build 所產生的靜態網頁之前St...

DAY 27

DAY27- ESLint

影片 68 ESLintvs code 安裝 微軟出的 ESLint 外掛 npm i --save-dev eslint eslint-config-next...

DAY 28

DAY28 - next/image

啟用 next/image C:\mylab_2023_9\ironman_2023\app\reviews[slug]\page.jsx import Ima...

DAY 29

DAY29 - 我使用的字幕翻譯的外掛(chrome)

按照課程的內容,大概寫不完了,今天也整天都在外面忙所以簡單介紹一下,我目前使用的chrome 外掛 for Udemy 課程的字幕翻譯目前我只會買有英文字幕(有...

DAY 30

DAY30 - 三十天功德圓滿

終於到了第三十天,算是草草的結束這次的鐵人賽...文章寫到後面水分比西瓜還多,看來了下次的鐵人賽還是要把內容都預先準備起來,如果要每天寫文章變數太大一下停電一下...