iT邦幫忙

鐵人檔案

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

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

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

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

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

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

[Day1]挑戰前言

緣由 個人擔任前端工程師有一小段時間,雖然工作上會了解到一些後端相關的觀念,但一直都沒有親自實作過。身為一個熱愛挑戰(自虐)的人,希望透過這次鐵人賽紀錄自己30...

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

[Day2]MERN介紹(MongoDB、Express.js、React.js、Node.js)

今天要來介紹一下這次挑戰主要會使用到的技術,其他比較詳細(如程式碼)之後文章會再補充。 大綱 所以MERN是什麼? MERN的優點 MERN的缺點 我選擇M...

2023-09-17 ‧ 由 Yihsuan 分享
DAY 3

[Day3]Node.js和Express.js簡介

在實作之前,今天先來簡介一下Node.js和Express.js。 大綱 Node.js 介紹 Express.js 介紹 1.Node.js介紹 No...

2023-09-18 ‧ 由 Yihsuan 分享
DAY 4

[Day4]實作開始-設定後端專案和Express路由

今天要開始進入實作了,首先我們先從後端開始開發。 大綱 建立專案並安裝Express.js 建立基本路由(Route) 使用express.Router 1...

2023-09-19 ‧ 由 Yihsuan 分享
DAY 5

[Day5] 文章資料API規劃和Express的錯誤處理

上一篇已經介紹route,接著以實際專案會用到的api來繼續實作 大綱 1.文章資料API規劃2.取得單一文章資料API開發3.錯誤處理(Error Handl...

2023-09-20 ‧ 由 Yihsuan 分享
DAY 6

[Day6] 使用MVC架構:建立Controller和ErrorModel

圖片來源:MDN 大綱 MVC架構簡介 Controller介紹和建立 ErrorModel 1. MVC架構簡介 MVC是指(Model-View-Co...

2023-09-21 ‧ 由 Yihsuan 分享
DAY 7

[Day7] 文章新增API開發並使用Postman測試

我們先前已經寫了取得文章的API,今天我們要開發新增文章的API。回顧一下我們的API設計: 大綱 部落格文章API開發 使用Postman測試API 1....

2023-09-22 ‧ 由 Yihsuan 分享
DAY 8

[Day8] 文章更新和刪除API開發

目前已經將新增和取得文章的API完成,接著我們要來開發修改和刪除文章的API 大綱 更新文章API開發 刪除文章API開發 1.更新文章API開發 在po...

2023-09-23 ‧ 由 Yihsuan 分享
DAY 9

[Day9]連接資料庫(使用MongoDB和Mongoose)

大綱 MongoDB簡介 Mongoose簡介 將後端專案連接到資料庫 1. MongoDB簡介 MongoDB 是一種 NoSQL(非關聯式) 資料庫...

2023-09-24 ‧ 由 Yihsuan 分享
DAY 10

[Day10] 建立文章的Schema讓文章API與真實資料庫互動

昨天已經讓後端程式和正式資料庫連接起來,今天就要將原本的MOCK_POSTS移除,與真正的資料庫互動了。 大綱 建立文章的Schema&Model 調...

2023-09-25 ‧ 由 Yihsuan 分享