iT邦幫忙

鐵人檔案

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

初探全端之旅: 以MERN技術建立個人部落格 系列

過去一直擔任前端工程師的職位,對於後端開發大多都只是概念性的了解,沒有具體實作過。

此次30天挑戰打算以JS系列的技術(React.js、Node.js、Express.js)來進行開發。

除了嘗試使用跟工作上不同的前端框架,也希望透過全端開發更了解後端和資料庫之間具體的開發方式。

鐵人鍊成 | 共 31 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文 團隊Quokka In The Cloud
DAY 11

[Day11] 登入、註冊API開發和HTTP Authentication(JWT)

進入到第11天,發現時間不多了,所以不像之前觀念部分會補充那麼多,相關參考資料還是會放在最底下,但內容大部份會把實作的程式直接放上來。 大綱 Authenti...

2023-09-26 ‧ 由 Yihsuan 分享
DAY 12

[Day12] User API和Auth Middleware開發

昨天我們已經實作了登入和註冊API,並了解JWT整個運作過程。接著我們要來開發User相關的API和auth middleware開發 大綱 User API...

2023-09-27 ‧ 由 Yihsuan 分享
DAY 13

[Day13] 其他取得資料API開發

今天我們要來把剩下查詢相關的API開發完成,今天要開發的API如下: 取得所有文章a.查詢特定tag的文章列表b.查詢特定標題的文章列表 取得依照tag排列的...

2023-09-28 ‧ 由 Yihsuan 分享
DAY 14

[Day14] 圖片上傳API開發

今天要來開發圖片上傳的API,我們在使用者個人資料和文章封面都會使用到這支API的功能。 大綱 圖片存放位置比較(伺服器 vs.資料庫) 圖片上傳API開發...

2023-09-29 ‧ 由 Yihsuan 分享
DAY 15

[Day15]後端開發總結

今天來回顧一下這幾天使用到的技術和開發的API 大綱 主要使用到的技術 安裝的套件 API設計 1. 主要使用到的技術 MongoDB — docume...

2023-09-30 ‧ 由 Yihsuan 分享
DAY 16

[Day16] 前端開發 - React簡介

目前已經完成了後端開發,接著要繼續前端的開發了 我們要用於前端開發的主要工具是React,因為React官方現行已經有很完整清楚的指引(React dev)所以...

2023-10-01 ‧ 由 Yihsuan 分享
DAY 17

[Day17] React專案初始化

昨天快速介紹過react,今天直接進入實作 大綱 建立專案並安裝React 安裝開發用到的套件 1.建立專案並安裝React 在要新增專案的地方輸入以下指令...

2023-10-02 ‧ 由 Yihsuan 分享
DAY 18

[Day18]TailwindCSS介紹和安裝

前言 在開發前端頁面時我們有多種樣式開發的選擇,可以選擇傳統的CSS寫法、使用UI Framework或Utility-first Framework等,為了達...

2023-10-03 ‧ 由 Yihsuan 分享
DAY 19

[Day19]React pages 和 routes設定

大綱 新增資料夾和檔案 React Routes設定 1. 新增資料夾和檔案 我們先調整當前專案的資料夾,新增一些資料夾來區分檔案。 專案資料夾結構 ✨表示...

2023-10-04 ‧ 由 Yihsuan 分享
DAY 20

[Day20]登入頁開發和CORS處理

大綱 Wireframe 登入頁開發 CORS處理 1. Wireframe 以下是登入和註冊頁面的wireframe,樣式細節可依個人喜好調整 登入頁...

2023-10-05 ‧ 由 Yihsuan 分享