技術 [Day 07] - 初探 Gatsby 之創建第一個網站 ( 上 )

今天我們將融會貫通，利用前兩章所學，建立一個擁有三個頁面的簡易網站，並導入一個外掛作為這樣網站的基礎樣式，話不多說，就讓我們開始吧 ！ 建立環境並導入外掛 根據...

技術 [Day 06] - 初探 Gatsby 之建立元件

昨天介紹了如何在 React 中設定樣式，今天我們就來講講 Component 吧 ！ 對於這部分較為陌生的讀者可能會有這樣一個疑問，為什麼要建構元件？ 建構元...

技術 [Day 05] - 初探 Gatsby 之樣式調整大全

今天我們會在 React 方面多著墨，會講解如何在 React 專案中調整樣式，還有有哪些方式能去調整，同時也會講解如果在 Gatsby 專案中，該怎麼使用這些...

技術 [Day 04] - 初探 Gatsby 之專案結構說明

今天我們要針對專案架構做一個基本的認識，而下篇會講一些 React 的基礎觀念，例如如何建立一個元件、如何在 React 專案裡添加樣式、如何由父元件傳值給子組...

技術 [Day 03] - 初探 Gatsby 之環境建置

今天我們終於要來點實作啦，前兩天介紹的心癢癢，今天終於能初窺 Gatsby 的風采 ！ 開發環境建置與說明 在進行實作之前，我建議大家對以下幾點有個基本的認識...

技術 [Day 02] - 什麼是 Gatsby ?

什麼是 Gatsby ? Gatsby 是一個 日本男性化妝品牌 現代化開發網站的網站產生系統，它擁有著完整、豐富且開源的生態系，且基於 React + Gra...

技術 [Day 01] - 成為行男的第一步

為什麼要寫這系列的文章？ 稍有經驗的開發者，可能都對 SPA ( Single Page Application ) 不會太陌生，其原理都是藉由廣為人知的 J...