Golang Gin Router middleware簡介

Go Gin的Middleware（中間件）簡介。

Golang Gin Grouping routes 範例

Go Gin設計應用程式的REST API可使用RouterGroup.Group()做路徑分組。

Danger Pull Request慣例自動檢查工具 簡介

Danger是運行在持續整合(CI)環境中用來自動化Pull Request(PR)時code review的一些檢查慣例的套件。

React fetch data from Spring Boot REST API

React從Spring Boot REST API獲取資料範例。

JavaScript 函式回傳多個值 function return multiple values

JavaScript函式回傳多個值的寫法如下。

React Hook useEffect 簡單範例

React Hook useEffect()簡單範例。

React 自訂Hook 簡單範例

React Hook除了內建的Hook API如useState、useEffect等外也可自訂Hook。

React Component屬性資料型態檢查 props type check

React Component的屬性props輸入值可以用PropTypes做型別檢查。

React Render Props簡介

React Render Props簡介。

React 傳參數至事件處理器 pass data to component event handler

React將資料參數傳入至事件處理器(Event Handler)的方式如下。

React onclick 事件處理範例

React在Component加上onclick事件處理器(Event Handler)的方式如下。

React Context傳遞參數

React使用Context在Components間傳遞參數。

今日風情 20210726

2021年7月26日星期一。

React 錯誤邊界捕捉Component錯誤 Error Boundaries catch components error

React使用錯誤邊界(Error Boundaries)捕捉Components錯誤範例。

React Loadable Component Splitting 簡單範例

React使用Loadable Component Splitting簡單範例。

React HOC Higher-Order Components簡單範例

React的High-Order Component簡稱HOC的簡單範例如下。

今日風情 20210724

2021年7月24日星期六

NPM install --save, --save-dev 差別

NPM下載package指令npm install後的flag參數--save與--save-dev差別如下。

React Hook useState 簡單範例

React Hook useState()簡單範例。

React Router 安裝及使用

React Router的安裝及基本使用方式如下。

Visual Studio Code 在檔案總覽顯示目前編輯的檔案 open editing file in explorer

VS Code在Explorer顯示目前編輯的檔案的方式如下。

React Controlled Component與Uncontrolled Component差別

React form表單中Controlled Component與Uncontrolled Component差別。

React 如何在JSX撰寫註解 write comments

React JSX註解的方式如下。

Git 取消未push的commit

Git取消未push的commit的作法如下。

React 在父組件及子組件間傳遞資料 pass data between parent and children components

React Parent Component（父組件）與Child Component（子組件）間傳遞資料的方式如下。

React 組件的生命週期 Component Lifecycle

React Component的生命週期。

React 組件狀態 Component State

React Component的state代表Component的狀態，內容改變時Component會重新渲染(re-render)。

今日風情 20210721

2021年7月21日星期三。

K6 負載測試工具簡介 load testing tool intro

K6是款Go語言撰寫的開源負載測試工具(load testing tool)。本篇簡單介紹安裝及使用方式。

React JSX 迴圈產生Components loop rendering components

React 使用迴圈產生Components在畫面顯示。

React 使用React需要Babel嗎？

React是否一定需要Babel嗎？

React Component，Component instance，React element差別。

React中Component，Component instance，React element的差別如下。

React 建立組件 create component

React建立組件(Component)的方式如下。

React 使用Create React App建立React應用程式

Create React App是React官方支援的建立React應用程式/專案工具，下面以此工具建立一個簡單的Hello World React應用程式。

React JSX語法 簡單範例

使用JSX撰寫React的簡單範例。

JavaScript Babel是什麼

前端JavaScript領域的Babel套件是個JavaScript編譯器。

React 我的第一支React - Hello World

我的第一支React程式，hello world。

Jira JQL 搜尋全部觀看的issues find all watching issues

Jira要找到目前全部觀看的issues可在[Search for issues]的[Advanced Search]欄位輸入下面JQL(JIRA Query Language)（Jira查詢語言）。

Golang 對package function做mock

當程式中呼叫另外一個package的函式，則測試時對這個package函式mock的方式如下。

今日風情 20210717

2021年7月17日星期六

今日風情 20210716

2021年7月16日星期五

今日風情 20210715

2021年7月15日星期四

Golang 從私有的GitLab取得依賴module Unable to get modules from private gitlab repository

今天第一次執行go run運行專案時因為go.mod中的一些依賴module無法下載倒置無法運行。

Git 我的常用縮寫命令

我常用的git命令縮寫設定如下。

GitLab Windows 10 使用SSH取得專案 clone with SSH

在Windows 10以SSH的方式從GitLab clone project的方式如下。

Linux Shell Bash 長命令折行 break long command to next line

在Linux shell如bash輸入長命令時會超過右邊視窗不易觀看，可使用反斜線(backslash)\將長命令折成多行方便觀看。

Golang 執行專案目錄中全部的測試 run all test in project directories

Go測試專案中全部目錄（含子目錄）的測試程式。

Golang Testify mock 回傳自訂型態 return custom type

Go測試套件Testify mock回傳自訂型別的方式如下。

今日風情 20210714

2021年7月14日星期三

cURL 發送POST請求及JSON資料

cURL命令發送POST請求及JSON資料的方式如下。

Windows 10 重置GitLab帳號密碼

Windows 10重置GitLab的密碼的方式如下。

Golang 移除之前測試結果的快取 remove pre test result cache

Go移除前次測試結果cache的方式如下。

Golang Testify mock簡單範例二

Go測試套件Testify mock使用範例。

Golang 檔案命名慣例 file naming convention

Go語言的原始碼檔命名慣例如下。

Golang 常數命名慣例 const naming convention

Go語言使用const關鍵字定義的常數命名慣例如下。

VMWare Mac怎麼顯示上方功能選單 how to show vmware menu bar

Mac在登入VMWare遠端桌面後若無法顯示上方VMware的功能選單，可使用下面技巧。

Golang Testify mock簡單範例

Go測試套件Testify mock使用範例。

VMWare Mac筆電怎麼按 Ctrl + Alt + Del

從MacBook筆電透過VMWare遠端Windows系統的Ctrl + Alt + Del的按法如下。

今日風情 20210712

2021年7月12日星期二

今日風情 20210712

2021年7月12日星期一。

Golang Testify 測試套件安裝

Go雖然自帶testing package可撰寫測試程式但功能陽春，沒有常見的assert或mock功能，而Testify套件則彌補這塊不足讓撰寫測試更方便。本篇介紹安裝Testify及基本用法。

今日風情 20210711

2021年7月11日星期日。

今日風情 20210710

2021年7月10日星期六。

Golang 空介面 empty interface{}

Go程式的interface（介面/接口）除了定義型態的行為，本身也是一種型態。而空介面則代表任意型態。

Golang 使用其他package的函式或型別 use function or type from another package

Go程式使用專案其他package定義的函式或型別的方式如下。

Golang 單元測試簡單範例 unit testing simple example

Go語言本身帶有輕量的測試框架testing package可用來撰寫單元測試，以下為簡單範例。

Golang struct嵌入欄位 embedded field

Go語言的struct中無命名而只有型態的屬性稱為embedded field。

Golang Gin 靜態資源路徑 static files

Gin提供靜態資源檔案的設定方式如下。

Golang Gin Model binding json to type

Gin可使用Model binding將request body的json資料轉為指定的型態。

Golang Gin 上傳多個檔案 upload multiple files

Gin應用程式上傳多個檔案的方式如下。

Golang Gin 上傳單一檔案 upload single file

Gin應用程式上傳單一檔案的方式如下。

Golang Gin url request query string as map

Gin應用程式REST API取得url請求參數(query string)時，參數可以map的形式傳遞。

Golang Gin 接收POST form表單參數 receive post form params

Gin應用程式取得POST form表單欄位參數的方式如下。

Golang Gin 取得url請求參數 get url request query string

Gin應用程式REST API取得url請求參數(query string)的方式如下。

Golang Gin 取得url路徑參數 get path parameters

Gin應用程式REST API取得url路徑參數(path parameters)的方式如下。

Golang Gin 更改應用程式埠號 change port number

Gin應用程式預設的port為8080，修改的方式如下。

Golang Gin 寫出日誌log範例

Gin寫出日誌訊息到log檔的方式如下。

Golang Gin Web Framework hello world範例

Gin是Go語言的Web框架（網路應用程式框架）。本篇為最簡單的hello world範例。

Golang Buffered Channel簡介

Go可建立有buffer的channel。

今日風情 20210706

2021年7月6日星期二。

Golang 使用Channel在goroutine間傳遞資料

Go語言使用Channel在goroutine併發程序中傳遞資料。

Golang 使用goroutine並行程序 concurrent program

Go語言使用goroutine來發起併行/併發程序。

Golang time.Sleep() 暫停目前的goroutine

Go語言內建的timepackage的Sleep(d Duration)函式可暫停呼叫的goroutine。

Golang 讀取文字檔案 read text file

Go語言讀取文字檔案的方法如下。

Golang 使用VSCode寫hello world程式

使用Visual Studio Code（簡稱VSCode）撰寫Go語言的hello world程式。

今日風情 20210705

2021年7月5日星期一。

今日風情 20210704

2021年7月4日星期日。

日誌 20210704 女兒八月大

女兒出生八個月了。

面試 我的優點和缺點是什麼？

面試常會被問到 「你自認有哪些優點及缺點？」這問題。即使我有許多面試經驗但總是沒有花時間去準備，總是被問到才開始想破頭。最近意識到自己很明確的一項優點，藉此紀錄整理一下。

Golang Stringer轉字串 to string

Go語言型態轉字串的作法如下。

Golang Interface 簡介

Go語言的Interface（介面）是由一組方法簽章(method signatures)組成的型態，其變數可儲存任意實現其方法組(method sets)的型態的值，目的為定義型態的行為。

今日風情 20210702

2021年7月2日星期五。